:root{--brand: #f6821f;--brand-ink: #241400;--accent: #1a66d6;--accent-hi: color-mix(in srgb, var(--accent) 84%, #000);--accent-ink: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--bg: #f6f6f7;--surface: #ffffff;--surface-2: #f0f0f2;--surface-3: #e6e6e9;--border: rgba(16, 18, 24, .1);--border-strong: rgba(16, 18, 24, .17);--text: #17181c;--muted: #5b5d66;--faint: #8a8c96;--danger: #d6453d;--success: #2f9e44;--radius: 12px;--radius-sm: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--accent: #2f7bf0;--accent-hi: color-mix(in srgb, var(--accent) 78%, #fff);--bg: #0d0d0f;--surface: #17171a;--surface-2: #202024;--surface-3: #2b2b30;--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .14);--text: #f3f3f5;--muted: #a2a2aa;--faint: #6c6c76;--danger: #f6564f;--success: #3fb950;color-scheme:dark}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.mark{width:30px;height:30px;border-radius:8px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.02em;flex-shrink:0}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;overflow:hidden;box-shadow:0 12px 40px #0000000f}.card-hd{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:16px 22px;border-bottom:1px solid var(--border)}.card-bd{padding:24px 22px}h1{font-size:21px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.muted{color:var(--muted)}.field{margin:16px 0}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}input[type=email],input[type=text]{width:100%;height:44px;padding:0 12px;font-size:15px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.btn.block{width:100%}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--surface-2)}.btn.primary:disabled:hover{background:var(--accent)}.err{color:var(--danger);font-size:13.5px;margin-top:10px}.ok{color:var(--success)}.btn:focus-visible,.tab:focus-visible,.link-btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fd-spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;animation:fd-spin .6s linear infinite;flex-shrink:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{max-width:860px;margin:0 auto;padding:20px 16px 60px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 0 18px;margin-bottom:8px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700}.spacer{flex:1}.tabs{display:inline-flex;gap:2px;border-bottom:1px solid var(--border);margin:18px 0}.tab{padding:9px 15px;color:var(--muted);font-weight:500;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;font-size:15px;transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-hi);border-bottom-color:var(--accent);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.row:hover{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}.row .grow{flex:1;min-width:0}.row .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{color:var(--muted);font-size:12.5px}.pill{font-size:11.5px;padding:2px 9px;border-radius:20px;border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums}.pill.paid,.pill.signed{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent)}.pill.overdue,.pill.expired,.pill.declined{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.pill.sent{color:var(--accent-hi);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.empty{padding:46px 24px;text-align:center;color:var(--muted)}.link-btn{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 13px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,transform .05s}.link-btn:hover{background:var(--surface-3)}.link-btn:active{transform:translateY(1px)}.link-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.link-btn.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}