@charset "UTF-8";:root{--accent: #72e5a0;--accent-dark: #197447;--accent-soft: #e7f8ed;--canvas: #f7f8f5;--surface: #ffffff;--text: #18221d;--text-soft: #6f7c75;--border: #e2e7e3;--danger: #c84d3c;--warning: #b7791f;--font-display: "Avenir Next", "Segoe UI", sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-width:0;min-height:100%}body{color:var(--text);background:var(--canvas);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}app-root{display:block;width:100%;min-width:0;min-height:100vh}button,input,select,textarea{font:inherit}body{line-height:1.5}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(67,177,112,.28);outline-offset:2px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{font:650 30px/1.12 var(--font-display);letter-spacing:-.035em;margin:0 0 5px}.page-heading p{color:var(--text-soft);font-size:12px;margin:0}.heading-actions{display:flex;gap:10px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:800;color:#5a7768}.button{min-height:42px;border:0;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750;cursor:pointer;transition:.16s}.button.primary{background:#1d8651;color:#fff;box-shadow:0 7px 16px #1d865124}.button.primary:hover{background:#176f43;transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid var(--border);color:#435149}.button.secondary:hover{border-color:#bdc9c1}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.small{min-height:34px;padding:0 12px}.icon-only{width:38px;padding:0}.surface{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 10px 28px #23322a09}.surface-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.surface-header h2{font:700 14px var(--font-display);margin:0}.surface-header p{margin:3px 0 0;color:var(--text-soft);font-size:10px}.surface-body{padding:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{color:#87928c;font-size:9px;letter-spacing:.09em;text-align:left;padding:12px 18px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:14px 18px;border-bottom:1px solid #edf0ed;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcf9}.cell-main{display:flex;align-items:center;gap:11px}.cell-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ef;color:#44705a;font-size:10px;font-weight:800;flex:0 0 auto}.cell-copy{display:grid;gap:2px}.cell-copy strong{font-size:11px;color:#24312a}.cell-copy small{color:#8a958f;font-size:9px}.money{font-variant-numeric:tabular-nums;font-weight:750;color:#26342d}.status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.035em}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.ACTIVE,.status.PAID{color:#257447;background:#e8f7ed}.status.DRAFT,.status.PENDING{color:#7a6850;background:#f4f0e9}.status.DEFAULTED,.status.OVERDUE,.status.PAST_DUE{color:#a54537;background:#fbecea}.status.CANCELED,.status.INACTIVE{color:#65716b;background:#edf0ee}.status.PARTIAL,.status.TRIALING{color:#8a641c;background:#fbf3dd}.search-box{width:270px;height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;border:1px solid var(--border);border-radius:10px;color:#8a958f}.search-box input{width:100%;border:0;background:transparent;outline:0;font-size:11px;color:var(--text)}.filter-tabs{display:flex;gap:4px;background:#edf0ed;padding:4px;border-radius:10px}.filter-tabs button{border:0;background:transparent;color:#76827b;font-size:10px;padding:7px 10px;border-radius:7px;cursor:pointer}.filter-tabs button.active{background:#fff;color:#24342b;font-weight:750;box-shadow:0 2px 5px #1b282114}.empty-state{padding:60px 20px;display:grid;place-items:center;text-align:center}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--accent-dark);margin-bottom:15px}.empty-state h3{font:700 16px var(--font-display);margin:0 0 6px}.empty-state p{color:var(--text-soft);font-size:11px;margin:0 0 18px;max-width:340px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0b130f94;display:grid;place-items:center;padding:20px}.modal{width:min(100%,620px);max-height:min(90vh,800px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px #050e0940}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid var(--border)}.modal-header h2{font:700 21px var(--font-display);letter-spacing:-.025em;margin:0 0 4px}.modal-header p{color:var(--text-soft);font-size:11px;margin:0}.close-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#fff;color:#68746e;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;padding:22px 26px}.form-grid .full{grid-column:1/-1}.form-grid label{display:grid;gap:7px;color:#425048;font-size:10px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce2dd;border-radius:10px;background:#fff;color:var(--text);padding:0 12px;outline:0}.form-grid input,.form-grid select{height:43px}.form-grid textarea{min-height:78px;resize:vertical;padding-top:11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#62c88c;box-shadow:0 0 0 3px #40b6701a}.form-grid input:user-invalid:not(:focus),.form-grid select:user-invalid:not(:focus),.form-grid textarea:user-invalid:not(:focus){border-color:#d98477;background:snow}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px 22px;border-top:1px solid var(--border)}.form-error{grid-column:1/-1;color:#a54336;background:#fff0ed;padding:10px 12px;border-radius:9px;font-size:11px}.load-error{margin:0 0 14px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px 8px 15px;border:1px solid #f0d4cf;border-radius:11px;background:#fff5f3;color:#9a4034;font-size:11px}.surface>.load-error{margin:14px 18px 0}.skeleton{background:#edf0ed;border-radius:8px;min-height:16px;animation:pulse 1.35s ease-in-out infinite}@keyframes pulse{50%{opacity:.52}}small{font-size:.75rem!important;line-height:1.4}.eyebrow{font-size:.6875rem}.page-heading p{font-size:.875rem}.surface-header h2{font-size:1rem}.surface-header p{font-size:.75rem}.data-table th{font-size:.6875rem}.data-table td,.cell-copy strong{font-size:.8125rem}.status{font-size:.6875rem}.search-box input,.form-grid label{font-size:.8125rem}.form-error,.load-error{font-size:.8125rem;line-height:1.45}.button{font-size:.8125rem}.unavailable-copy{display:block;margin-top:8px;color:#6f7c75;line-height:1.45;text-align:center}.submit-guidance{width:100%;margin:0;color:#745b28;background:#fff8e8;border:1px solid #efdfb8;border-radius:9px;padding:9px 11px;font-size:.75rem;line-height:1.45}.modal-actions:has(.submit-guidance){flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:700px){.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions .search-box{flex:1;width:auto;min-width:190px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.modal-header{padding:20px 18px 15px}.form-grid{padding:19px 18px}.modal-actions{padding:14px 18px 20px}.button,.close-button,.icon-only{min-height:44px}.close-button,.icon-only{min-width:44px}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.data-table{min-width:640px}}
