.invoice-root{--page-bg:#f4f2ee;--card-bg:#fff;--ink:#1f2528;--muted:#6f777d;--line:#ded8cf;--accent:#9b7a48;--accent-dark:#5f4729;--soft:#faf8f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5}.invoice-root *{box-sizing:border-box}.invoice-root .invoice-page{background:var(--page-bg);max-width:980px;margin:0 auto;padding:0}.invoice-root .invoice-card{background:var(--card-bg);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px #1f25281a}.invoice-root .invoice-header{color:#1f2528;background:#faf8f3;border-bottom:1px solid #e5e1d8;grid-template-columns:1.2fr .8fr;gap:24px;padding:22px 46px 20px;display:grid}.invoice-root .brand-block{flex-direction:column;gap:10px;display:flex}.invoice-root .brand-logo{object-fit:contain;filter:brightness(0);width:78px;max-width:100%;height:auto;margin-bottom:6px;display:block}.invoice-root .company-address{color:#6f777d;font-size:12px;line-height:1.45}.invoice-root .invoice-title-block{text-align:right}.invoice-root .invoice-label{color:#1f2528;letter-spacing:.16em;text-transform:uppercase;border:1px solid #e5e1d8;border-radius:999px;padding:5px 11px;font-size:20px;font-weight:700;display:inline-block}.invoice-root .invoice-number{letter-spacing:-.03em;margin:10px 0 4px;font-size:18px;font-weight:750}.invoice-root .summary-strip{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.invoice-root .summary-item{background:var(--soft);padding:24px 46px}.invoice-root .summary-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.invoice-root .summary-value{color:var(--ink);font-size:16px;font-weight:700}.invoice-root .content{background:var(--card-bg);padding:38px 46px 46px}.invoice-root .parties{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px;display:grid}.invoice-root .panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.invoice-root .panel h2{color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.invoice-root .party-name{margin:0 0 6px;font-size:18px;font-weight:750}.invoice-root .party-detail{color:var(--muted);margin:0;font-size:14px}.invoice-root table{border-collapse:collapse;width:100%;margin:0}.invoice-root .items-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.invoice-root thead th{background:var(--soft);color:var(--muted);letter-spacing:.12em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line);padding:15px 18px;font-size:11px;font-weight:800}.invoice-root tbody td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px;font-size:14px}.invoice-root tbody tr:last-child td{border-bottom:0}.invoice-root .item-title{color:var(--ink);font-weight:750}.invoice-root .item-meta{color:var(--muted);margin-top:4px;font-size:13px}.invoice-root .number-cell{text-align:right;white-space:nowrap}.invoice-root .totals-section{grid-template-columns:1fr 360px;align-items:start;gap:34px;margin-top:30px;display:grid}.invoice-root .notes{border-left:4px solid var(--accent);color:var(--muted);padding:4px 0 4px 18px;font-size:13px}.invoice-root .notes strong{color:var(--ink);margin-bottom:7px;font-size:14px;display:block}.invoice-root .totals-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.invoice-root .total-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 18px;font-size:14px;display:flex}.invoice-root .total-row:last-child{border-bottom:0}.invoice-root .total-label{color:var(--muted)}.invoice-root .total-value{white-space:nowrap;font-weight:750}.invoice-root .balance-row{color:#1f2528;background:#f3efe7;border-top:1px solid #e5e1d8;padding:20px 18px}.invoice-root .balance-row .total-label{color:#1f2528;font-weight:700}.invoice-root .balance-row .total-value{color:#1f2528;font-size:22px}.invoice-root .terms{grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;display:grid}.invoice-root .terms ul,.invoice-root .panel ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;list-style:outside}.invoice-root .terms li,.invoice-root .panel li{margin-bottom:8px;list-style:outside;display:list-item}.invoice-root .footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding-top:24px;font-size:12px;display:flex}.invoice-root .footer strong{color:var(--ink)}@media(max-width:780px){.invoice-root .invoice-page{margin:0;padding:0}.invoice-root .invoice-card{border-radius:0}.invoice-root .invoice-header,.invoice-root .parties,.invoice-root .totals-section,.invoice-root .terms{grid-template-columns:1fr}.invoice-root .invoice-title-block{text-align:left}.invoice-root .summary-strip{grid-template-columns:1fr 1fr}.invoice-root .content,.invoice-root .invoice-header{padding:28px 22px}.invoice-root .number-cell{text-align:left}.invoice-root thead{display:none}.invoice-root tbody tr{border-bottom:1px solid var(--line);padding:14px 0;display:block}.invoice-root tbody td{border-bottom:0;justify-content:space-between;gap:18px;padding:8px 18px;display:flex}.invoice-root tbody td:before{content:attr(data-label);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.invoice-root .description-cell{display:block}.invoice-root .description-cell:before{margin-bottom:8px;display:block}}@media print{.invoice-root .invoice-page{max-width:none;margin:0;padding:0}.invoice-root .invoice-card{box-shadow:none;border:0;border-radius:0}}
