.invoice-preview{--color-bg: #f3f2f2;--color-text: #201e1d;--color-accent-700: #ae1800;--color-divider: rgba(32, 30, 29, .4);--color-neutral-700: #605d5d;font-family:Archivo,system-ui,sans-serif}.invoice-preview .page{width:8.5in;min-height:11in;background:var(--color-bg);color:var(--color-text);padding:.85in .75in;display:flex;flex-direction:column;box-sizing:border-box}.invoice-preview .header-row{display:flex;justify-content:space-between;align-items:flex-start}.invoice-preview .kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700)}.invoice-preview .title{font-size:40px;font-weight:800;letter-spacing:-.01em;margin-top:6px}.invoice-preview .header-meta{text-align:right;font-size:14px;line-height:1.6}.invoice-preview .bold{font-weight:700}.invoice-preview .rule{height:2px;background:var(--color-text)}.invoice-preview .grid3{display:grid;grid-template-columns:1fr 1fr 1fr}.invoice-preview .cell{padding:20px 24px;font-size:14px;line-height:1.6}.invoice-preview .cell:not(:last-child){border-right:2px solid var(--color-divider)}.invoice-preview .cell:first-child{padding-left:0}.invoice-preview .cell:last-child{padding-right:0}.invoice-preview .label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);margin-bottom:8px}.invoice-preview table{width:100%;border-collapse:collapse;font-size:14px;margin-top:32px}.invoice-preview th{text-align:left;padding:10px 0;border-bottom:2px solid var(--color-text);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.invoice-preview th:last-child,.invoice-preview td:last-child{text-align:right;font-variant-numeric:tabular-nums}.invoice-preview td{padding:14px 0;border-bottom:1px solid var(--color-divider)}.invoice-preview .total-row{display:flex;justify-content:flex-end;margin-top:8px}.invoice-preview .total-box{display:flex;justify-content:space-between;width:260px;padding:16px 0;border-top:2px solid var(--color-text)}.invoice-preview .total-label{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.invoice-preview .total-amount{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.invoice-preview .footer{margin-top:auto;padding-top:32px}.invoice-preview .body-text{font-size:14px;line-height:1.6}.invoice-preview .thankyou{margin-top:28px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-700)}*{box-sizing:border-box}body{margin:0;font-family:Archivo,system-ui,sans-serif;background:#d9d8d8}.app{padding:20px 24px 40px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tabs button{font:inherit;padding:8px 18px;cursor:pointer;border:1px solid #b3b1b1;border-radius:4px;background:#eceaea;color:#201e1d}.tabs button:hover{background:#f6f5f5}.tabs button.active{background:#201e1d;border-color:#201e1d;color:#f3f2f2;font-weight:600}.new-invoice-screen{display:flex;gap:24px;align-items:flex-start}.invoice-form-pane{flex:0 0 340px;max-width:340px}.invoice-preview-pane{flex:1 1 auto;min-width:0;overflow-x:auto}@media (max-width: 1200px){.new-invoice-screen{flex-wrap:wrap}}.invoice-form,.settings-screen form{background:#f3f2f2;border:1px solid #cfcdcd;border-radius:6px;padding:16px 18px}.invoice-form label,.settings-screen label,.renter-group-manager label{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:#4a4746}.invoice-form input,.invoice-form select,.settings-screen input,.settings-screen textarea,.renter-group-manager textarea{display:block;width:100%;margin-top:4px;padding:6px 8px;font:inherit;font-weight:400;color:#201e1d;border:1px solid #b3b1b1;border-radius:4px;background:#fff}.settings-screen textarea,.renter-group-manager textarea{min-height:72px;resize:vertical}.invoice-form button,.settings-screen button,.renter-group-manager button,.history-screen button,.reopened-actions button{font:inherit;padding:7px 14px;cursor:pointer;border:1px solid #b3b1b1;border-radius:4px;background:#eceaea;color:#201e1d}.invoice-form button[type=submit],.settings-screen button[type=submit]{margin-top:8px;font-weight:600;background:#201e1d;border-color:#201e1d;color:#f3f2f2}.field-error{margin:-6px 0 12px;color:#ae1800;font-size:13px;font-weight:600}.line-items-editor{margin:16px 0 12px}.line-item-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.line-item-row input[type=text]{flex:1 1 auto;min-width:0}.line-item-row input[type=number]{flex:0 0 96px}.line-item-row button{flex:0 0 auto}.reopened-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.settings-screen{max-width:560px}.settings-screen h2{margin:24px 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#4a4746}.settings-screen form h2:first-child{margin-top:0}.renter-group-manager ul{list-style:none;margin:0 0 16px;padding:0}.renter-group-manager li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #cfcdcd}.renter-group-manager li span{flex:1 1 auto}.renter-group-manager li label{flex:1 1 100%;margin-bottom:0}.history-screen{max-width:900px}.history-screen table{width:100%;border-collapse:collapse;background:#f3f2f2}.history-screen th,.history-screen td{padding:10px 12px;text-align:left;border-bottom:1px solid #cfcdcd}.history-screen th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#4a4746}