:root{--portal-bg:#f6f7fb;--portal-surface:#fff;--portal-border:#e5e7eb;--portal-muted:#64748b;--portal-text:#0f172a;--portal-accent:#0f172a;--portal-accent-soft:#f1f5f9;--portal-success:#047857;--portal-warning:#b45309;--portal-danger:#b91c1c}html,body{background:var(--portal-bg);color:var(--portal-text)}body.portal-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}.portal-card{background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:14px}.portal-btn{background:var(--portal-accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.portal-btn:hover{opacity:.9}.portal-btn.ghost{color:var(--portal-text);border:1px solid var(--portal-border);background:0 0}.portal-btn.ghost:hover{background:var(--portal-accent-soft);opacity:1}.portal-input{border:1px solid var(--portal-border);width:100%;color:var(--portal-text);background:#fff;border-radius:10px;padding:10px 12px;font-size:14px}.portal-input:focus{outline:2px solid var(--portal-accent);outline-offset:1px}.portal-pill{background:var(--portal-accent-soft);color:var(--portal-text);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.portal-pill.paid,.portal-pill.signed,.portal-pill.accepted,.portal-pill.live{color:var(--portal-success);background:#ecfdf5}.portal-pill.sent,.portal-pill.overdue{color:var(--portal-warning);background:#fef3c7}.portal-pill.draft,.portal-pill.unsent{background:var(--portal-accent-soft);color:var(--portal-muted)}.portal-pill.cancelled,.portal-pill.declined{color:var(--portal-danger);background:#fee2e2}