@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--color-surface:#fff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f6f6f2;--color-surface-container:#f3f4ec;--color-surface-container-high:#e4e4df;--color-surface-container-highest:#d3d5cd;--color-on-surface:#291f19;--color-on-surface-variant:#504e45;--color-inverse-surface:#322f2c;--color-inverse-on-surface:#f5eeff;--color-outline:#a7afa2;--color-outline-variant:#c8d2c4;--color-primary:#16a34a;--color-on-primary:#fff;--color-primary-container:#22c55e;--color-secondary:#3b82f6;--color-secondary-container:#e4edf5;--color-on-secondary-container:#554e80;--color-error:#ba1a1a;--color-error-container:#db4636;--color-on-error-container:#93000a;--color-success:#1e6e3c;--color-success-container:#22c55e;--color-on-success-container:#0d3d1f;--color-warning:#8a5300;--color-warning-container:#db9725;--color-on-warning-container:#4d2e00;--color-background:#fff;--surface-page:var(--color-background);--surface-card:var(--color-surface-container-low);--surface-card-alt:var(--color-surface-container-lowest);--surface-sunken:var(--color-surface-container);--surface-raised:var(--color-surface-container-high);--surface-inverse:var(--color-inverse-surface);--text-primary:var(--color-on-surface);--text-secondary:var(--color-on-surface-variant);--text-on-inverse:var(--color-inverse-on-surface);--border-hair:var(--color-surface-container-high);--border-strong:var(--color-outline);--action-primary:var(--color-primary-container);--action-primary-hover:var(--color-primary);--status-error-bg:var(--color-error-container);--status-error-text:var(--color-on-error-container);--status-success-bg:var(--color-success-container);--status-success-text:var(--color-on-success-container);--status-warning-bg:var(--color-warning-container);--status-warning-text:var(--color-on-warning-container);--focus-ring:0 0 0 3px color-mix(in oklch, var(--color-primary-container) 35%, transparent);--radius-sm:2px;--radius-default:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--elevation-2:0 0 0 1px #ece9e6;--elevation-overlay:0 12px 32px color-mix(in oklch, var(--color-inverse-surface) 20%, transparent);--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--surface-page);margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse}input,button,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0}.shell{width:100%;max-width:460px;margin:0 auto;padding:56px 24px 80px}.shell--wide{max-width:none;padding:0}.brand{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.card{background:var(--surface-card);border-radius:var(--radius-lg);padding:28px 30px}.card>h1{margin:0 0 18px;font-size:26px;font-weight:600}.lede{color:var(--text-secondary);font-size:14.5px;line-height:1.6}.field{gap:6px;margin-bottom:16px;display:grid}.field label{font-size:14px;font-weight:500}.field input:not([type=checkbox]):not([type=radio]),.field textarea{background:var(--surface-card-alt);width:100%;box-shadow:var(--elevation-2);border-radius:var(--radius-default);color:var(--text-primary);border:none;outline:none;padding:10px 12px;font-size:14.5px}.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus{box-shadow:var(--focus-ring)}.hint{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.terms{background:var(--surface-card-alt);border-radius:var(--radius-default);max-height:220px;box-shadow:var(--elevation-2);padding:14px 16px;overflow-y:auto}.terms h3{margin:0 0 4px;font-size:14px;font-weight:600}.terms p{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.6}button[type=submit],.btn{cursor:pointer;border-radius:var(--radius-default);background:var(--action-primary);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;display:inline-flex}button[type=submit]:hover:not(:disabled),.btn:hover{background:var(--action-primary-hover)}button[type=submit]:disabled{opacity:.5;cursor:default}.btn--sm{padding:7px 13px;font-size:13px}.btn--secondary{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary-container);background:0 0}.btn--secondary:hover{background:color-mix(in oklch, var(--color-primary-container) 8%, transparent)}.alert{border-radius:var(--radius-default);margin:0 0 16px;padding:11px 14px;font-size:13.5px;line-height:1.5}.alert--error{background:var(--status-error-bg);color:#fff}.alert--ok{background:var(--status-success-bg);color:var(--status-success-text)}.alert--warn{background:var(--status-warning-bg);color:var(--status-warning-text)}.link{color:var(--color-primary);font-weight:600}.meta{color:var(--text-secondary);font-size:13px}.code-pill{font-family:var(--font-mono);background:var(--surface-card-alt);box-shadow:var(--elevation-2);border-radius:var(--radius-default);align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.figures{flex-wrap:wrap;gap:16px;margin:0 0 20px;padding:0;display:flex}.figure{background:var(--surface-card-alt);border-radius:var(--radius-lg);flex:180px;padding:18px 20px}.figure dt{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:600}.figure dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:600}.console{align-items:flex-start;min-height:100vh;display:flex}.sidebar{background:var(--surface-sunken);flex-direction:column;flex:0 0 236px;gap:24px;width:236px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar__brand{color:var(--text-secondary);align-items:center;gap:9px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.sidebar__logo{background:var(--color-primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:800;display:inline-flex}.nav{flex-direction:column;gap:2px;display:flex}.nav__item{text-align:left;cursor:pointer;border-radius:var(--radius-default);width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav__item:hover{background:color-mix(in oklch, var(--color-surface-container-high) 55%, transparent);text-decoration:none}.nav__item.is-active{color:var(--text-primary);box-shadow:var(--elevation-2);background:#fff;font-weight:600}.nav__badge{border-radius:var(--radius-full);background:var(--color-warning-container);color:var(--color-on-warning-container);font-variant-numeric:tabular-nums;padding:1px 7px;font-size:11px;font-weight:700}.sidebar__foot{gap:14px;margin-top:auto;display:grid}.sidebar__note{background:var(--surface-card);border-radius:var(--radius-default);color:var(--text-secondary);margin:0;padding:12px;font-size:11.5px;line-height:1.55}.sidebar__me{align-items:center;gap:9px;padding:0 6px;display:flex}.avatar{border-radius:var(--radius-full);background:var(--surface-raised);width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.main{flex:1;min-width:0;max-width:1240px;padding:30px 40px 72px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-head h1{margin:0 0 4px;font-size:26px;font-weight:600}.page-head p{color:var(--text-secondary);margin:0;font-size:14px}.money{flex-wrap:wrap;align-items:stretch;gap:16px;margin-bottom:26px;display:flex}.mcard{background:var(--surface-card);border-radius:var(--radius-lg);flex-direction:column;padding:20px;display:flex}.mcard--stat{flex:210px}.mcard--wide{flex:2.2 420px}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.stat-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1.1}.stat-sub{color:var(--text-secondary);margin-top:auto;padding-top:14px;font-size:13px}.unpaid-grid{grid-template-columns:1fr 1px 1fr;align-items:start;gap:20px;display:grid}.unpaid-rule{background:var(--color-surface-container-high);align-self:stretch}.swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.stat-mid{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1}.bar{border-radius:var(--radius-full);background:var(--color-surface-container-high);height:6px;display:flex;overflow:hidden}.tbl-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden}.tbl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.tbl-head h2{margin:0;font-size:17px;font-weight:600}.search{background:var(--surface-card-alt);width:210px;box-shadow:var(--elevation-2);border-radius:var(--radius-default);color:var(--text-primary);border:none;outline:none;padding:8px 11px;font-size:13.5px}.search:focus{box-shadow:var(--focus-ring)}.tbl-scroll{overflow-x:auto}table.clients{font-variant-numeric:tabular-nums;width:100%;min-width:900px}table.clients th{text-align:left;color:#48453a;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#d5d5cd;padding:9px 20px;font-size:11.5px;font-weight:600}table.clients th.num{text-align:right}table.clients td{vertical-align:top;border-bottom:1px solid var(--border-hair);padding:13px 20px}table.clients td.num{text-align:right;white-space:nowrap;font-size:14px}table.clients td.earned{font-weight:600}.cname{font-size:14.5px;font-weight:600;line-height:1.3}.cdomain{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.origin{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:500;display:inline-flex}.origin--store{background:var(--surface-raised);color:var(--text-primary)}.origin--web{background:var(--surface-card-alt);box-shadow:var(--elevation-2);color:var(--text-secondary)}.origin-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.chip{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chip--owned{background:var(--surface-raised);color:var(--text-secondary)}.chip--transferred{background:var(--color-success-container);color:#0d3d1f}.chip--pending{background:var(--color-secondary-container);color:#3b5878}.chip--required{background:var(--color-warning-container);color:var(--color-on-warning-container)}.tbl-foot{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:13px;display:flex}.steps{border-top:1px solid var(--border-hair);gap:0;display:grid}.step{border-bottom:1px solid var(--border-hair);grid-template-columns:26px 1fr;gap:14px;padding:16px 0;display:grid}.step__n{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.step__t{margin-bottom:3px;font-size:14.5px;font-weight:600}.step__d{color:var(--text-secondary);font-size:13.5px;line-height:1.55}.mobile-topbar{display:none}.hamburger{width:38px;height:38px;color:var(--text-primary);border-radius:var(--radius-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.hamburger:hover{background:color-mix(in oklch, var(--color-surface-container-high) 55%, transparent)}.sidebar-scrim{background:color-mix(in oklch, var(--color-inverse-surface) 45%, transparent);z-index:45;position:fixed;inset:0}@media (max-width:720px){.mobile-topbar{z-index:30;background:var(--surface-sunken);height:52px;box-shadow:var(--elevation-2);align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;top:0}.console{display:block}.main{width:100%;min-width:0;max-width:100%}.sidebar{z-index:50;height:100vh;box-shadow:var(--elevation-overlay);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.main{padding:20px 16px 56px}.mcard--stat,.mcard--wide{flex:100%;min-width:0}.unpaid-grid{grid-template-columns:1fr;gap:16px}.unpaid-rule{display:none}.page-head{align-items:flex-start}.form-grid{grid-template-columns:1fr!important}.payouts-col{flex:100%!important}.payouts-aside{position:static!important}h1{font-size:22px!important}}