:root{--color-bg:#faf3e8;--color-surface:#fffdf9;--color-surface-sunken:#f3e9d8;--color-border:#e7dac2;--color-terracotta:#c1613f;--color-terracotta-dark:#a34e30;--color-terracotta-tint:#f3ded3;--color-sage:#7f9473;--color-sage-dark:#63745a;--color-sage-tint:#e3e9dc;--color-ink:#3a3229;--color-ink-soft:#6c6152;--color-ink-faint:#9c8f7a;--color-negative:#b3492f;--color-warning:#c98a2c;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--shadow-soft:0 2px 10px #3a32290f;--shadow-card:0 4px 20px #3a322914;--font-display:"Caprasimo", "Georgia", serif;--font-body:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--color-ink);margin:0;font-weight:400}h1{font-size:28px}h2{font-size:21px}h3{font-size:16px}p{margin:0}a{color:var(--color-terracotta-dark)}button,input,select,textarea{font-family:var(--font-body);font-size:15px}.page{max-width:1180px;margin:0 auto;padding:32px 40px 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-header__title{flex-direction:column;gap:4px;display:flex}.page-header__subtitle{color:var(--color-ink-soft);font-size:14px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px}.section-stack{flex-direction:column;gap:24px;display:flex}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-terracotta);color:#fff}.btn-primary:hover{background:var(--color-terracotta-dark)}.btn-secondary{background:var(--color-sage-tint);color:var(--color-sage-dark)}.btn-secondary:hover{background:#d7e0cc}.btn-ghost{color:var(--color-ink-soft);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-sunken)}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--color-ink-soft);font-size:13px;font-weight:700}.input,.select,.textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);outline:none;padding:10px 16px;transition:border-color .15s}.textarea{border-radius:var(--radius-md);resize:vertical;min-height:80px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-terracotta)}.input::placeholder,.textarea::placeholder{color:var(--color-ink-faint)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);border-bottom:1px solid var(--color-border);padding:14px 18px;font-size:12px;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--color-border);color:var(--color-ink);padding:14px 18px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--color-surface-sunken)}.badge{border-radius:var(--radius-pill);text-transform:capitalize;white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-proposed,.badge-draft{color:var(--color-ink-soft);background:#ece3d3}.badge-active,.badge-sent{background:var(--color-terracotta-tint);color:var(--color-terracotta-dark)}.badge-delivered,.badge-accepted{background:var(--color-sage-tint);color:var(--color-sage-dark)}.badge-paid{color:#5b4a91;background:#dcd4f0}.badge-overdue,.badge-declined{color:var(--color-negative);background:#f3d9d0}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-bar .select{padding:8px 32px 8px 14px}.empty-state{text-align:center;color:var(--color-ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 32px;display:flex}.empty-state__icon{font-size:32px}.empty-state__title{font-family:var(--font-display);color:var(--color-ink);font-size:19px}.empty-state__body{max-width:360px;font-size:14px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.summary-card{flex-direction:column;gap:6px;display:flex}.summary-card__label{color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.summary-card__value{font-family:var(--font-display);color:var(--color-terracotta-dark);font-size:34px}.toast-stack{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--color-ink);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);padding:12px 22px;font-size:14px;font-weight:600;animation:.18s toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:900;background:#3a322959;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;width:100%;max-width:480px;max-height:90vh;padding:28px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-close{cursor:pointer;color:var(--color-ink-faint);background:0 0;border:none;font-size:20px;line-height:1}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.text-muted{color:var(--color-ink-soft)}.text-faint{color:var(--color-ink-faint)}.link-row{color:var(--color-terracotta-dark);cursor:pointer;font-weight:600;text-decoration:none}.link-row:hover{text-decoration:underline}.loading-block{text-align:center;color:var(--color-ink-faint);padding:40px}.amount-negative{color:var(--color-negative)}.divider{background:var(--color-border);border:none;height:1px;margin:0}.sign-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);flex-shrink:0;display:inline-flex;overflow:hidden}.sign-toggle__btn{width:36px;height:38px;color:var(--color-ink-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex}.sign-toggle__btn:first-child{border-right:1px solid var(--color-border)}.sign-toggle__btn.is-active{background:var(--color-terracotta);color:#fff}.sign-toggle__btn:not(.is-active):hover{background:var(--color-surface-sunken)}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);width:36px;height:38px;color:var(--color-negative);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.icon-btn:hover{background:var(--color-terracotta-tint);border-color:var(--color-terracotta)}.topnav{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.topnav__inner{align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:16px 40px;display:flex}.topnav__brand{font-family:var(--font-display);color:var(--color-terracotta-dark);white-space:nowrap;font-size:18px}.topnav__tabs{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.topnav__tab{border-radius:var(--radius-pill);color:var(--color-ink-soft);white-space:nowrap;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.topnav__tab:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.topnav__tab.is-active{background:var(--color-terracotta-tint);color:var(--color-terracotta-dark)}.topnav__actions{align-items:center;gap:8px;display:flex}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.login-card__header{text-align:center;flex-direction:column;gap:6px;display:flex}.login-error{color:var(--color-negative);font-size:13px;font-weight:600}