:root{--background:#f7f4ef;--foreground:#191612;--muted:#6f665b;--line:#ded6ca;--surface:#fffdfa;--surface-strong:#ffffff;--wine:#6f1d2b;--wine-dark:#43131a;--gold:#b78a38;--success:#17633a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}.page-shell{min-height:100vh;padding:28px}.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:24px;gap:24px;max-width:1180px;margin:0 auto}.invoice-paper,.side-panel{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 18px 60px rgba(41,29,18,.08)}.invoice-paper{min-height:920px;padding:56px}.invoice-header{display:flex;justify-content:space-between;gap:24px}.company-name{margin:0 0 6px;font-size:24px;font-weight:700}.muted{color:var(--muted)}.invoice-number{margin-bottom:14px;text-align:right;font-size:22px;font-weight:700}.logo{width:80px;height:140px;object-fit:contain}.payto{margin-top:32px;line-height:1.55;font-size:14px}.invoice-main{margin-top:220px}.bill-row{display:flex;justify-content:space-between;gap:32px;margin-bottom:20px}.label{margin-bottom:6px;font-weight:700}.invoice-table{width:100%;border-collapse:collapse;font-size:14px}.invoice-table td,.invoice-table th{border:1px solid #3b352f;padding:9px 10px}.invoice-table th{background:#f0ebe4;text-align:left}.invoice-table .qty{width:72px;text-align:center}.invoice-table .money{width:130px;text-align:right;white-space:nowrap}.invoice-table .empty{border:0;background:transparent}.invoice-table tfoot td:not(.empty){background:#f0ebe4;font-weight:700}.side-panel{align-self:start;border-radius:8px;padding:22px;position:-webkit-sticky;position:sticky;top:24px}.status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:3px 10px;background:rgba(111,29,43,.1);color:var(--wine);font-size:12px;font-weight:700;text-transform:uppercase}.status.paid{background:rgba(23,99,58,.12);color:var(--success)}.actions{display:grid;grid-gap:10px;gap:10px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--wine-dark);border-radius:7px;padding:10px 14px;background:var(--wine-dark);color:white;text-decoration:none;cursor:pointer;font-weight:700}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--foreground)}.button:disabled{cursor:not-allowed;opacity:.55}.summary{display:grid;grid-gap:10px;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.summary-row{display:flex;justify-content:space-between;gap:16px}.not-found{display:grid;min-height:100vh;place-items:center;padding:32px;text-align:center}@media (max-width:900px){.page-shell{padding:16px}.invoice-layout{grid-template-columns:1fr}.side-panel{position:static;order:-1}.invoice-paper{min-height:auto;padding:28px}.invoice-main{margin-top:80px}.bill-row,.invoice-header{flex-direction:column}.invoice-number{text-align:left}}