@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#111315;--paper:#fff;--cloud:#F7F5F2;--capture:#E1523D;--capture-dark:#C13E2C;--capture-light:#FBE4DE;--line:#E7E4DF;--muted:#6B7280;--green:#146b4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.sidebrand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:72px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.logo-mark{width:36px;height:36px;border:7px solid currentColor;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:11px;line-height:1;position:relative}.logo-mark:after{content:'';width:8px;height:8px;background:var(--capture);border-radius:50%;position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.auth-side .logo-mark{color:#fff}.navlinks{display:flex;gap:22px;align-items:center}.btn{border:0;border-radius:999px;padding:11px 18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--capture-dark)}.btn-red{background:var(--capture);color:#fff}.btn-red:hover{background:var(--capture-dark)}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-light:hover{border-color:var(--ink)}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--capture)}.field{display:grid;gap:7px;margin:14px 0}.field label{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--capture);box-shadow:0 0 0 3px rgba(225,82,61,.09)}.full{width:100%}.notice{padding:12px 14px;border-radius:12px;margin:14px 0;font-size:14px;display:none}.notice.show{display:block}.notice.error{background:#fff1f0;color:#9f2e20}.notice.ok{background:#edf8f3;color:#146b4a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--cloud)}.auth-side{padding:64px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-side h1{font-size:62px;line-height:1.02;letter-spacing:-.045em}.auth-main{display:flex;align-items:center;justify-content:center;padding:36px;background:var(--paper)}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:34px;letter-spacing:-.03em}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{padding:12px 0;margin-right:24px;background:none;border:0;font-weight:600;color:var(--muted);cursor:pointer}.tab.active{color:var(--ink);border-bottom:2px solid var(--capture)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--cloud)}.sidebar{border-right:1px solid var(--line);padding:24px 16px;background:var(--paper)}.sidebrand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font-weight:700;letter-spacing:-.015em}.sidebrand .logo-mark{width:31px;height:31px;border-width:6px}.menu{display:grid;gap:5px}.menu a{padding:11px 12px;border-radius:12px;color:var(--muted);font-weight:600}.menu a.active,.menu a:hover{background:var(--capture-light);color:var(--capture-dark)}.main{background:var(--cloud);padding:32px}.toprow{display:flex;justify-content:space-between;align-items:center;gap:20px}.toprow h1{font-size:36px;line-height:1.05;letter-spacing:-.035em;margin:3px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px}.metric label{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.12em}.metric strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:32px;letter-spacing:-.035em;margin-top:8px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-top:18px;overflow:hidden}.panel-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:22px;letter-spacing:-.025em;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:14px}th{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}td strong{font-family:'Space Grotesk',sans-serif;font-weight:600}.badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:600;background:#f1f1ef;display:inline-block}.badge.open,.badge.paid,.badge.secured{background:#eaf7f1;color:var(--green)}.badge.draft,.badge.unpaid,.badge.failed{background:#fff3ec;color:#9a431f}.member-hero{padding:28px;border-radius:20px;background:var(--ink);color:#fff;margin-bottom:18px}.member-hero h2{margin:0 0 8px;font-size:30px;letter-spacing:-.03em}.member-hero div{font-family:'IBM Plex Mono',monospace;font-size:12px}.empty{padding:32px;color:var(--muted);text-align:center}.mobilebar{display:none}@media(max-width:840px){.navlinks a:not(.btn){display:none}.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px;background:var(--cloud)}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mobilebar{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.mobilebar a{white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:13px}.toprow{align-items:flex-start;flex-direction:column}.toprow h1{font-size:32px}.panel{border-radius:18px}.panel-head h2{font-size:20px}th,td{padding:13px 14px}.metric strong{font-size:27px}}