:root{--paper: #F1F0E8;--paper-deep: #E8E6DA;--ink: #1C231D;--ink-soft: #4A544C;--line: #C9CBBB;--sage: #4C7A5B;--sage-bg: #E3ECE4;--amber: #A9711F;--amber-bg: #F2E7D3;--rust: #A8402A;--rust-bg: #F1DAD1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:880px;margin:0 auto;padding:0 24px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px}.logo{font-family:Fraunces,serif;font-weight:600;font-size:20px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.logo span{color:var(--sage)}.topbar-links{display:flex;align-items:center;gap:16px;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-soft)}.topbar-links a{text-decoration:none}.topbar-links a:hover{color:var(--ink)}h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(26px,4vw,34px);line-height:1.15;margin-bottom:8px}.page-sub{color:var(--ink-soft);font-size:15px;margin-bottom:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:20px}.field-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;margin-bottom:12px}@media(max-width:640px){.field-row{grid-template-columns:1fr}}input[type=text],input[type=number],input[type=date],input[type=email],textarea{font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);width:100%}textarea{font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6;resize:vertical}.btn-primary,.btn-secondary{font-family:Inter,sans-serif;font-weight:700;font-size:14px;padding:10px 18px;border-radius:4px;text-decoration:none;border:1.5px solid var(--ink);cursor:pointer;transition:transform .12s ease;display:inline-block}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--ink)}.btn-secondary:hover{background:var(--paper-deep)}.invoice-card{border:1px solid var(--line);border-radius:6px;padding:18px 20px;margin-bottom:14px;background:#fff}.invoice-card.sage{border-left:3px solid var(--sage)}.invoice-card.amber{border-left:3px solid var(--amber)}.invoice-card.rust{border-left:3px solid var(--rust)}.invoice-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px;flex-wrap:wrap}.invoice-client{font-weight:700;font-size:15px}.invoice-meta{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--ink-soft)}.days-badge{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12.5px;padding:3px 9px;border-radius:3px}.invoice-card.sage .days-badge{background:var(--sage-bg);color:var(--sage)}.invoice-card.amber .days-badge{background:var(--amber-bg);color:var(--amber)}.invoice-card.rust .days-badge{background:var(--rust-bg);color:var(--rust)}.draft-subject{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;margin-bottom:8px}.draft-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.usage-bar{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-soft);margin-bottom:20px}.upgrade-nudge{background:var(--amber-bg);border:1px solid var(--amber);border-radius:6px;padding:16px 20px;margin-bottom:20px;font-size:14.5px}.upgrade-nudge a{font-weight:700;color:var(--amber)}.error-msg{color:var(--rust);font-size:13.5px;margin-top:8px}.plan-badge{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:3px}.plan-badge.free{background:var(--paper-deep);color:var(--ink-soft)}.plan-badge.paid{background:var(--sage-bg);color:var(--sage)}.center-note{text-align:center;color:var(--ink-soft);font-size:14px;margin-top:16px}