:root{--bg:#fbfaf6;--paper:#fff;--ink:#14171f;--mid:#4d5362;--soft:#8a8f9c;--line:#e7e4dc;--line2:#f0ede6;--green:#1c7a4c;--green-d:#135c38;--green-t:#e5f3eb;--amber:#b86e00;--amber-t:#fdf1dc;--red:#b42318;--red-t:#fde8e6;--blue:#2a5bd7;--blue-t:#e7eefc;
--serif:"Instrument Serif",Georgia,serif;--sans:Inter,system-ui,-apple-system,sans-serif;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px}
a{color:var(--green)}h1,h2,h3{font-weight:500;letter-spacing:-.01em;line-height:1.1}.serif{font-family:var(--serif);font-weight:400}
.btn{display:inline-flex;align-items:center;gap:.4rem;border:0;cursor:pointer;font:600 .9rem var(--sans);padding:.65rem 1.05rem;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;white-space:nowrap}
.btn:hover{background:#2b303d}.btn-g{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.btn-g:hover{background:var(--line2)}.btn-green{background:var(--green)}.btn-green:hover{background:var(--green-d)}
.btn-s{padding:.42rem .75rem;font-size:.82rem;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}
input,select,textarea{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,23,31,.07)}
label{display:block;font-size:.8rem;font-weight:600;color:var(--mid);margin:.8rem 0 .3rem}.muted{color:var(--soft);font-size:.86rem}.hide{display:none!important}
.chip{display:inline-block;font-size:.72rem;font-weight:600;padding:.18rem .55rem;border-radius:99px;text-transform:capitalize}.chip.draft{background:var(--line2);color:var(--mid)}.chip.sent{background:var(--blue-t);color:var(--blue)}.chip.paid{background:var(--green-t);color:var(--green)}.chip.overdue{background:var(--red-t);color:var(--red)}
.logo{font-family:var(--serif);font-size:1.7rem;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;line-height:1}.logo i{width:10px;height:10px;border-radius:3px;background:var(--green);display:inline-block;transform:translateY(-3px)}