@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#18251f;background:#f4f7f3;font-family:DM Sans,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#d8663d;border:1px solid #0000;border-radius:6px;padding:11px 16px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover{background:#bd512f;box-shadow:0 6px 14px #b7492922}button:active{transform:translateY(1px)}.secondary{color:#47564d;box-shadow:none;background:#fff;border-color:#d5ddd7}.secondary:hover{color:#18251f;background:#eef3ee;border-color:#aebbae}.auth{background:linear-gradient(135deg,#edf4ed 0%,#f9f7f1 58%,#f8e6d8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth form{background:#fff;border:1px solid #dce4de;border-top:5px solid #d8663d;border-radius:8px;width:min(100%,440px);padding:42px;box-shadow:0 24px 64px #1e342218}.eyebrow{color:#c65332;letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:700}.auth h1,.shell h1,.panel h2{font-family:Space Grotesk,sans-serif}.auth h1{margin:0 0 12px;font-size:42px;line-height:1.05}.muted{color:#66756c;margin:0 0 28px}label{color:#33443a;gap:7px;margin:18px 0;font-size:12px;font-weight:700;display:grid}input,select{color:#18251f;background:#fff;border:1px solid #cdd8cf;border-radius:6px;outline:none;width:100%;padding:11px 12px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus{border-color:#d8663d;box-shadow:0 0 0 3px #d8663d1d}label+button{width:100%;margin-top:8px}.error{color:#a03425;font-size:13px}.shell{max-width:1280px;margin:auto;padding:38px 28px 56px}header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.shell h1{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.1}header .secondary{padding:10px 15px}.tabs{background:#e9efea;border:1px solid #d9e1da;border-radius:8px;flex-wrap:wrap;gap:5px;width:fit-content;max-width:100%;margin-bottom:24px;padding:5px;display:flex}.tabs button{box-shadow:none;border-radius:5px;padding:9px 14px}.tabs .secondary{background:0 0;border-color:#0000}.tabs .secondary:hover{color:#18251f;background:#f9fbf9}.summary{color:#f8faf7;background:#1c2d25;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 12px 28px #1b302019}.summary div{border-right:1px solid #ffffff1c;min-height:112px;padding:24px 26px}.summary div:last-child{border-right:0}.summary span{color:#aebbb0;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;display:block}.summary strong{margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:27px;display:block}.active{color:#a9dc92}.grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.panel{background:#fff;border:1px solid #dbe4dd;border-radius:8px;padding:28px;box-shadow:0 4px 12px #233d2910}.panel h2{margin:0 0 24px;font-size:23px;line-height:1.2}.panel dl{grid-template-columns:116px 1fr;gap:14px;font-size:13px;display:grid}.panel dt{color:#718077}.panel dd{overflow-wrap:anywhere;color:#38483f;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.notice{color:#216436;margin:18px 0 0;font-size:13px;font-weight:600}.toast{z-index:10;color:#f8faf7;background:#1c2d25;border:1px solid #abd3ac;border-radius:8px;align-items:center;gap:16px;max-width:min(420px,100vw - 32px);padding:13px 14px 13px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 36px #1b302040}.toast button{box-shadow:none;background:0 0;border-color:#fff4;flex:none;padding:5px 8px;font-size:11px}.toast button:hover{background:#ffffff14}.payment-link-panel{max-width:920px}.payment-link-form{gap:20px;display:grid}.recipient-switch{background:#eef3ee;border:1px solid #d9e1da;border-radius:8px;gap:6px;width:fit-content;padding:4px;display:flex}.recipient-switch button{padding:8px 12px;font-size:12px}.recipient-switch .secondary{background:0 0;border-color:#0000}.form-two-columns{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-two-columns label{margin:0}.items-header{border-top:1px solid #e4ebe5;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.items-header .eyebrow{margin-bottom:3px}.items-header h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:18px}.items-header .secondary{padding:8px 12px;font-size:12px}.payment-items{gap:10px;display:grid}.payment-item{background:#f9fbf9;border:1px solid #e0e7e1;border-radius:7px;grid-template-columns:minmax(220px,1fr) 165px 100px auto;align-items:end;gap:12px;padding:14px;display:grid}.payment-item label{margin:0}.payment-item .remove-item{color:#a03425;box-shadow:none;background:0 0;border-color:#e4b7ac;padding:9px 10px;font-size:12px}.payment-item .remove-item:hover{background:#fbe9e5}.table-panel{padding:26px 0 0;overflow:hidden}.table-panel>.eyebrow,.table-panel>h2,.table-panel>.muted,.table-panel>.notice{margin-left:28px;margin-right:28px}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;margin-top:22px;font-size:13px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e4ebe5;padding:14px 18px}.data-table th{color:#64736a;letter-spacing:.09em;text-transform:uppercase;background:#f7faf7;font-size:10px;font-weight:700;position:sticky;top:0}.data-table tbody tr{transition:background .14s}.data-table tbody tr:hover{background:#f7faf7}.data-table tbody tr:last-child td{border-bottom:0}.data-table td small{color:#748279;font-size:11px}.data-table td input,.data-table td select{min-width:160px;margin-bottom:6px;padding:8px 9px;font-size:12px;display:block}.data-table td button{white-space:nowrap;margin-top:7px;padding:8px 10px;font-size:12px}.message-cell{white-space:pre-wrap;color:#526158;max-width:320px;line-height:1.55}.status-pill{color:#45564b;letter-spacing:.03em;text-transform:capitalize;background:#edf1ed;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-block}.status-completed,.status-active{color:#216436;background:#def1d8}.status-canceled,.status-past_due{color:#a03425;background:#fbe2dc}.status-payment_link_sent{color:#8a5715;background:#f9e8ca}@media (width<=700px){.shell{padding:26px 16px 40px}header{align-items:flex-start;margin-bottom:24px}header .secondary{flex:none}.tabs{width:100%}.tabs button{flex:auto}.summary,.grid{grid-template-columns:1fr}.summary div{border-bottom:1px solid #ffffff1c;border-right:0;min-height:0}.summary div:last-child{border-bottom:0}.panel{padding:22px}.form-two-columns,.payment-item{grid-template-columns:1fr}.payment-item .remove-item{justify-self:start}.table-panel{padding:22px 0 0;overflow-x:auto}.table-panel>.eyebrow,.table-panel>h2,.table-panel>.muted,.table-panel>.notice{margin-left:22px;margin-right:22px}.auth form{padding:28px}.toast{bottom:16px;right:16px}}