:root{color:#1c1915;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3eee6;font:15px/1.45 Outfit,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}html,body,#root{height:100%}button,input,select{font:inherit;color:inherit}a{color:#8a5a12}.app{grid-template-columns:240px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.side{color:#faf8f4;background:#14181c;flex-direction:column;gap:1.15rem;min-height:0;padding:1.25rem .85rem 1rem;display:flex;overflow:hidden}.side-nav{flex:1;align-content:start;gap:1.15rem;min-height:0;display:grid;overflow:auto}.brand{padding:.2rem .7rem .4rem}.brand strong{letter-spacing:-.03em;font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:560;display:block}.brand span{color:#faf8f49e;letter-spacing:.04em;font-size:.78rem}.group{gap:.15rem;display:grid}.group p{color:#faf8f46b;letter-spacing:.12em;text-transform:uppercase;margin:.35rem .7rem .2rem;font-size:.68rem}.side button,.side a{text-align:left;color:#faf8f4d1;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .7rem;text-decoration:none;display:block}.side button:hover,.side a:hover{background:#faf8f40f}.side button.active,.side a.active{color:#f6d7a2;background:#e2a33d29}.side .signout{color:#faf8f48c;margin-top:auto}main{width:100%;min-width:0;min-height:0;padding:1.75rem 2rem 3rem;overflow:auto}h1{letter-spacing:-.03em;margin:0;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:560}h2{margin:1.6rem 0 .7rem;font-size:.95rem;font-weight:600}p.note{color:#6f675d;max-width:42rem;margin:.35rem 0 0}.back{color:#6f675d;margin-bottom:.55rem;text-decoration:none;display:inline-block}.detail{background:#fff;border:1px solid #eadfce;border-radius:12px;margin-top:1rem}.detail-row{border-bottom:1px solid #f1eadf;grid-template-columns:11rem 1fr;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.detail-row:last-child{border-bottom:0}.detail-row span{color:#7a7166;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.detail-row p{margin:0}.detail-row div{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.toolbar{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}button,.linkish{cursor:pointer;background:#fff;border:1px solid #e4d9c8;border-radius:999px;padding:.4rem .85rem}button:hover{border-color:#c9b89a}button.primary,.login button{color:#faf8f4;background:#14181c;border-color:#14181c}button.quiet{background:0 0}button:disabled{opacity:.55;cursor:default}input,select{background:#fff;border:1px solid #e4d9c8;border-radius:10px;min-width:0;padding:.55rem .75rem}input:focus,select:focus{border-color:#e2a33d;outline:2px solid #e2a33d73}.records{gap:.65rem;margin-top:.75rem;display:grid}.record{background:#fff;border:1px solid #eadfce;border-radius:16px;justify-content:space-between;align-items:center;gap:1.25rem;padding:.95rem 1.05rem;display:flex}.record>div:first-child{min-width:0}.record-title{letter-spacing:-.01em;font-weight:600}.record-meta{color:#6f675d;flex-wrap:wrap;gap:.2rem .9rem;margin:.28rem 0 0;font-size:.86rem;display:flex}.record-side{flex-shrink:0;align-items:center;gap:.5rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #f1eadf;padding:.75rem .9rem}th{color:#7a7166;letter-spacing:.06em;text-transform:uppercase;background:#fbf8f3;font-size:.72rem;font-weight:600}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fffaf3}td{max-width:26rem}.actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:1.15rem;display:grid}.card{text-align:left;cursor:pointer;background:#fff;border:1px solid #eadfce;border-radius:16px;padding:.95rem 1rem .85rem;box-shadow:0 1px #1c191508}.card:hover{border-color:#e2a33d}.card b{letter-spacing:-.03em;font-family:Fraunces,Georgia,serif;font-size:1.8rem;font-weight:560;display:block}.card span{color:#6f675d;font-size:.84rem}.card.hot{background:#fff8ee;border-color:#efd3a4}.error{color:#9a3412;background:#fff1e8;border-radius:10px;padding:.55rem .75rem}.empty{color:#6f675d;background:#ffffff73;border:1px dashed #e4d9c8;border-radius:16px;margin-top:.75rem;padding:1.4rem}.pill{color:#4d463d;background:#f3eee6;border-radius:999px;align-items:center;padding:.12rem .5rem;font-size:.78rem;display:inline-flex}.pill-failed,.pill-error,.pill-expired{color:#9a3412;background:#fee4e2}.pill-scheduled,.pill-warn,.pill-pending,.pill-processing,.pill-past_due{color:#8a5a12;background:#fff3d6}.pill-completed,.pill-sent,.pill-resolved,.pill-handled,.pill-active,.pill-on{color:#166534;background:#e5f4e8}.pill-open,.pill-new,.pill-info,.pill-trial{color:#1e3a8a;background:#e7eef8}.pill-off,.pill-cancelled,.pill-canceled,.pill-paused{color:#6f675d;background:#f1eee8}.login-screen{background:radial-gradient(900px 420px at 50% -10%,#e2a33d47,#0000 60%),#f3eee6;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.login{background:#fff;border:1px solid #eadfce;border-radius:20px;gap:.8rem;width:min(100%,24rem);padding:1.5rem;display:grid;box-shadow:0 20px 50px #14181c14}.login h1{font-size:2.1rem}.filters{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:1rem 0 .85rem;display:flex}.filters label{flex:11rem;gap:.3rem;min-width:0;display:grid}.filters label.wide{flex:2.4 18rem}.filters label span{color:#6f675d;font-size:.75rem}.filters input,.filters select,.filters button{width:100%;height:2.6rem}.filters>button{flex:none;width:auto}.filters button.primary{min-width:6.5rem}.sheet-wrap{background:#fff;border:1px solid #eadfce;border-radius:12px;width:100%;overflow:auto}.sheet{table-layout:fixed;border-collapse:collapse;width:100%}.sheet th,.sheet td{vertical-align:middle;overflow-wrap:anywhere;max-width:none;padding:.8rem .9rem}.sheet select{width:100%;max-width:9.5rem}.sheet a.chip{color:inherit;white-space:nowrap;background:#fff;border:1px solid #e4d9c8;border-radius:999px;align-items:center;padding:.4rem .85rem;text-decoration:none;display:inline-flex}.primary-cell{overflow-wrap:anywhere;font-weight:600}a.account-link{color:inherit;text-decoration:none}a.account-link:hover{color:#8a5a12}.account-actions{flex-wrap:wrap;gap:.45rem;display:flex}.sub{color:#6f675d;margin-top:.15rem;font-size:.82rem}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pager{background:#fff;border-top:1px solid #eadfce;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .95rem;display:flex}.pager p{color:#6f675d;margin:0}.pager div{flex-wrap:wrap;gap:.4rem;display:flex}.pager button.current{color:#faf8f4;background:#14181c;border-color:#14181c}.account .error{margin-top:.75rem}.account-head,.history-head,.invoice,.invoice-side,.account-pills{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;display:flex}.account-head,.history-head{justify-content:space-between;align-items:flex-start}.eyebrow{color:#8a5a12;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .15rem;font-size:.72rem;font-weight:600}.quiet-meta{color:#6f675d;font-size:.86rem}.stripe-link{color:#1c1915;white-space:nowrap;background:#fff;border:1px solid #e4d9c8;border-radius:999px;align-items:center;height:2.35rem;padding:0 .9rem;text-decoration:none;display:inline-flex}.stripe-link:hover{border-color:#c9b89a}.stat-grid,.meter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1.15rem;display:grid}.stat,.meter,.history{background:#fff;border:1px solid #eadfce;border-radius:16px}.stat,.meter{padding:.95rem 1rem .9rem}.stat span,.meter span{color:#7a7166;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.stat strong,.meter strong{letter-spacing:-.03em;margin-top:.35rem;font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:560;display:block}.stat p{color:#6f675d;margin:.2rem 0 0;font-size:.86rem}.meter strong em{color:#8a8176;font-size:1rem;font-style:normal}.meter-track{background:#f3eee6;border-radius:99px;height:6px;margin-top:.75rem;overflow:hidden}.meter-fill{background:#14181c;border-radius:99px;height:100%}.meter-fill.warn{background:#e2a33d}.meter-fill.hot{background:#9a3412}.history-list{gap:.85rem;margin-top:.85rem;display:grid}.history{border-radius:18px;overflow:hidden}.history.current{border-color:#efd3a4;box-shadow:inset 3px 0 #e2a33d}.history-head{padding:1rem 1.1rem .9rem}.history-head h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.55rem;font-weight:560}.history-head p{color:#6f675d;margin:.15rem 0 0}.history-id{color:#8a8176;overflow-wrap:anywhere;font-size:.78rem}.invoice-list,.history-empty{border-top:1px solid #f1eadf}.invoice{border-bottom:1px solid #f6f1e8;justify-content:space-between;padding:.85rem 1.1rem}.invoice:last-child{border-bottom:0}.invoice strong{font-weight:600}.invoice p{color:#6f675d;margin:.15rem 0 0;font-size:.84rem}.invoice-side b{font-variant-numeric:tabular-nums;font-weight:600}.history-empty{color:#6f675d;margin:0;padding:.85rem 1.1rem 1rem}.pill-sprout,.pill-grove,.pill-canopy,.pill-paid,.pill-verified,.pill-password,.pill-owner{color:#166534;background:#e5f4e8}.pill-unverified,.pill-google,.pill-mail_off{color:#6f675d;background:#f1eee8}.pill-mail_on{color:#166534;background:#e5f4e8}.pill-grove{color:#8a5a12;background:#fff3d6}.pill-canopy{color:#5b21b6;background:#efe7fb}.pill-void,.pill-uncollectible,.pill-incomplete_expired,.pill-unpaid{color:#9a3412;background:#fee4e2}.pill-ended,.pill-invoices{color:#6f675d;background:#f1eee8}@media (width<=800px){.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.side{flex-direction:row;align-items:center;gap:.25rem;height:auto;padding:.5rem .6rem;overflow-x:auto}.side-nav{display:contents;overflow:visible}.brand{padding:0 .35rem}.brand span,.group p{display:none}.brand strong{font-size:1.05rem}.group{display:contents}.side a,.side button{white-space:nowrap}.side .signout{margin-top:0}main{padding:1.25rem 1rem 2.5rem}.detail-row{grid-template-columns:1fr;gap:.2rem}.account-head,.history-head,.invoice{align-items:stretch}.invoice-side{justify-content:space-between}.record{flex-direction:column;align-items:flex-start}.filters{flex-direction:column;align-items:stretch}.filters>button{width:100%}.sheet thead{display:none}.sheet,.sheet tbody,.sheet tr,.sheet td{width:auto;display:block}.sheet tr{border-bottom:1px solid #f1eadf;padding:.85rem .95rem}.sheet td{text-align:left;border-bottom:0;padding:.28rem 0}.sheet td:before{content:attr(data-label);color:#7a7166;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.1rem;font-size:.72rem;font-weight:600;display:block}.sheet td:first-child:before{content:none}.pager{flex-direction:column;align-items:stretch}.pager div button{flex:1}}
