.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)}:root{--bg: #f7f8fb;--surface: #ffffff;--text: #10182b;--text-secondary: #5b6478;--border: #dde3ee;--accent: #2b4c7e;--accent-hover: #234066;--accent-tint-bg: #e7edf6;--accent-tint-text: #234066;--dark-band: #16283f;--dark-band-muted: #aab6cc;--radius-card: 16px;--radius-btn: 10px;--radius-pill: 999px;--shadow-card: 0 8px 24px rgba(16, 24, 43, .06);--error: #b3261e}*{box-sizing:border-box}body{margin:0;font-family:General Sans,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{padding:32px 48px 56px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tabs button{font:600 14px inherit;padding:10px 20px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-btn);background:#fff;color:var(--text)}.tabs button:hover{background:var(--accent-tint-bg)}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.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}}.editing-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--accent-tint-bg);color:var(--accent-tint-text);border-radius:var(--radius-btn);padding:10px 14px;margin-bottom:14px;font-size:13px;font-weight:600}.editing-banner button{background:#fff}.invoice-form,.settings-screen form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px}.invoice-form label,.settings-screen label,.renter-group-manager label,.import-invoice{display:block;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--text-secondary)}.invoice-form input,.invoice-form select,.settings-screen input,.settings-screen textarea,.renter-group-manager textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;font-weight:400;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-btn);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:600 14px inherit;padding:10px 18px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-btn);background:#fff;color:var(--text)}.invoice-form button:hover,.settings-screen button:hover,.renter-group-manager button:hover,.history-screen button:hover,.reopened-actions button:hover{background:var(--accent-tint-bg)}.invoice-form button[type=submit],.settings-screen button[type=submit]{margin-top:8px;background:var(--accent);border-color:var(--accent);color:#fff}.invoice-form button[type=submit]:hover,.settings-screen button[type=submit]:hover{background:var(--accent-hover)}.settings-screen p[role=status]{color:var(--accent);font-size:13px;font-weight:600;margin:10px 0 0}.settings-screen p[role=alert]{color:var(--error);font-size:13px;font-weight:600;margin:10px 0 0}.field-error{margin:-6px 0 14px;color:var(--error);font-size:13px;font-weight:600}.line-items-editor{margin:18px 0 14px}.line-item-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.line-item-row input[type=text]{flex:1 1 auto;min-width:0;margin-top:0}.line-item-row input[type=number]{flex:0 0 96px;margin-top:0}.line-item-row button{flex:0 0 auto}.reopened-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-screen{max-width:560px}.settings-screen h2{margin:28px 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-secondary)}.settings-screen form h2:first-child{margin-top:0}.renter-group-manager ul{list-style:none;margin:0 0 18px;padding:0}.renter-group-manager li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.renter-group-manager li span{flex:1 1 auto}.renter-group-manager li label{flex:1 1 100%;margin-bottom:0}.import-legacy-data{background:var(--accent-tint-bg);color:var(--accent-tint-text);border-radius:var(--radius-card);padding:20px 24px;margin:20px 0}.import-legacy-data h2{margin:0 0 8px;color:inherit}.import-legacy-data p{margin:0 0 14px;font-size:14px;color:inherit}.import-legacy-data button{font:600 14px inherit;padding:10px 18px;cursor:pointer;border:none;border-radius:var(--radius-btn);background:var(--accent);color:#fff}.import-legacy-data button:hover{background:var(--accent-hover)}.import-legacy-data button:disabled{opacity:.45;cursor:default}.import-legacy-data p[role=alert]{color:var(--error);font-weight:600}.history-screen{max-width:900px}.import-invoice input{display:block;margin-top:6px}.history-screen table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.history-screen th,.history-screen td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.history-screen tr:last-child td{border-bottom:none}.history-screen th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-secondary)}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.auth-form{max-width:380px;margin:96px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:32px}.auth-form h1{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 24px}.auth-form label{display:block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--text-secondary)}.auth-form input{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;font-weight:400;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-btn);background:#fff}.auth-form button[type=submit]{width:100%;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-btn);padding:12px;font:600 15px inherit;cursor:pointer;margin-top:4px}.auth-form button[type=submit]:hover{background:var(--accent-hover)}.auth-form button[type=button]{display:block;background:none;border:none;color:var(--text-secondary);font-size:13px;padding:10px 0 0;cursor:pointer;text-decoration:underline}.auth-form p[role=alert]{color:var(--error);font-size:13px;font-weight:600;margin:8px 0 0}.auth-form p[role=status]{color:var(--accent);font-size:13px;font-weight:600;margin:8px 0 0}.user-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 48px;font-size:13px;color:var(--text-secondary);background:var(--surface);border-bottom:1px solid var(--border)}.user-bar button{font:600 13px inherit;padding:8px 16px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-btn);background:#fff;color:var(--text)}.user-bar button:hover{background:var(--accent-tint-bg)}