:root{--orange: #ff9300;--orange-ink: #241400;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--border: #e4e7eb;--text: #1c2024;--muted: #687076;--danger: #d6453d;--success: #2f9e44;--radius: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0b0c0e;--surface: #131417;--surface-2: #1b1d21;--border: rgba(255,255,255,.1);--text: #f1f2f4;--muted: #a1a6ad}}*{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}.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}.card-hd{background:var(--orange);color:var(--orange-ink);font-weight:800;font-size:17px;padding:16px 22px}.card-bd{padding:24px 22px}h1{font-size:20px;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);border-radius:8px;background:var(--bg);color:var(--text)}input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff93002e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--orange);color:var(--orange-ink)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.err{color:var(--danger);font-size:13.5px;margin-top:10px}.ok{color:var(--success)}.shell{max-width:860px;margin:0 auto;padding:20px 16px 60px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 0;margin-bottom:8px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--orange);color:var(--orange-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:800}.spacer{flex:1}.tabs{display:inline-flex;gap:2px;border-bottom:1px solid var(--border);margin:12px 0 18px}.tab{padding:9px 15px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-size:15px}.tab.active{color:var(--orange);border-bottom-color:var(--orange)}.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 .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-family:var(--mono);font-size:11px;padding:2px 9px;border-radius:20px;border:1px solid var(--border);color:var(--muted)}.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{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(--orange);border-color:color-mix(in srgb,var(--orange) 40%,transparent);background:color-mix(in srgb,var(--orange) 12%,transparent)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.link-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:7px 13px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--text);text-decoration:none;display:inline-flex;align-items:center}.link-btn.primary{background:var(--orange);color:var(--orange-ink);border-color:var(--orange)}