:root{--rose-50:#fff1f3;--rose-100:#ffdee4;--rose-200:#fcb7c3;--rose-300:#f88299;--rose-400:#f04e6f;--rose-500:#e11d48;--rose-600:#c11039;--rose-700:#99082c;--rose-800:#700620;--rose-900:#460414;--charcoal-50:#fafafa;--charcoal-100:#f3f3f4;--charcoal-200:#e3e3e6;--charcoal-300:#c8c8cd;--charcoal-400:#a1a1a9;--charcoal-500:#646468;--charcoal-600:#43434a;--charcoal-700:#2c2c30;--charcoal-800:#1c1c1f;--charcoal-900:#141414;--success-500:#13a768;--success-600:#0e8c56;--success-50:#e6f6ee;--warning-500:#d58a16;--warning-50:#fbf2e0;--error-500:#d93d4a;--info-500:#2769d1;--bg-canvas:#f7f7f8;--bg-surface:#fff;--bg-surface-alt:#fafafb;--bg-sunken:#eeeef0;--border-hairline:#14141614;--border-strong:#14141624;--border-focus:var(--rose-500);--fg-primary:#141414;--fg-secondary:#43434a;--fg-tertiary:#646468;--fg-muted:#7c7c84;--fg-onRose:#fff;--sidebar-bg:#1c1c1f;--sidebar-fg:#c8c8cd;--sidebar-fg-muted:#646468;--sidebar-active-bg:#e11d4824;--sidebar-active-fg:#f895a7;--sidebar-hover-bg:#ffffff0a;--sidebar-border:#ffffff0f;--kpi-positive:var(--success-500);--kpi-negative:var(--error-500);--kpi-neutral:var(--charcoal-500);--chart-primary:var(--rose-500);--chart-secondary:var(--charcoal-400);--chart-grid:#1414160f;--chart-tooltip-bg:#1c1c1f;--table-header-bg:#f3f3f4;--table-row-hover:#fff1f3;--table-row-selected:#ffe1e7;--status-live:var(--success-500);--status-pending:var(--warning-500);--status-paid:var(--charcoal-500);--status-held:var(--rose-400);--r-card:12px;--r-input:6px;--r-button:8px;--r-table:8px;--r-pill:999px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--row-compact:40px;--row-comfortable:52px;--row-spacious:64px;--row-height:var(--row-compact);--elev-card:0 0 0 1px #1414160f, 0 1px 2px #14141608;--elev-popover:0 0 0 1px #1414160f, 0 8px 24px #1414161a;--elev-modal:0 24px 64px #1414162e;--shadow-md:0 4px 12px #14141614;--shadow-xl:0 24px 64px #1414162e;--z-base:0;--z-sticky:10;--z-dropdown:20;--z-popover:30;--z-drawer:50;--z-modal:60;--z-toast:70;--z-flows:80;--ease:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.32s;--locale-number:"en-US";--currency-symbol:"$";--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace}:root[data-theme=dark]{--bg-canvas:#141414;--bg-surface:#1c1c1f;--bg-surface-alt:#202024;--bg-sunken:#0f0f11;--border-hairline:#ffffff12;--border-strong:#ffffff24;--fg-primary:#f3f3f4;--fg-secondary:#c8c8cd;--fg-tertiary:#a1a1a9;--fg-muted:#646468;--sidebar-bg:#0f0f11;--sidebar-fg:#c8c8cd;--sidebar-fg-muted:#646468;--sidebar-active-bg:#e11d482e;--sidebar-active-fg:#f895a7;--sidebar-hover-bg:#ffffff0a;--sidebar-border:#ffffff0f;--chart-grid:#ffffff0f;--chart-secondary:var(--charcoal-600);--table-header-bg:#202024;--table-row-hover:#e11d4814;--table-row-selected:#e11d4824;--elev-card:0 0 0 1px #ffffff0f, 0 1px 2px #0000004d;--elev-popover:0 0 0 1px #ffffff14, 0 8px 24px #00000080}*{box-sizing:border-box}html,body{background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";margin:0;padding:0;font-size:14px;line-height:1.5}html{overflow-x:clip}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}.tnum,.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono-code{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum-sans{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-tertiary);font-size:11px;font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--r-card)}.btn{border-radius:var(--r-button);letter-spacing:-.005em;height:36px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--rose-500);color:#fff}.btn-primary:hover{background:var(--rose-600)}.btn-secondary{background:var(--bg-surface);color:var(--fg-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-surface-alt);border-color:var(--charcoal-500)}.btn-ghost{color:var(--fg-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-sunken);color:var(--fg-primary)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-lg{height:44px;padding:0 20px;font-size:14px}.input{border-radius:var(--r-input);border:1px solid var(--border-strong);background:var(--bg-surface);height:36px;color:var(--fg-primary);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:0 12px;font-size:13px}.input:focus{border-color:var(--rose-500);box-shadow:0 0 0 3px #e11d4824}.pill{border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-live{color:var(--success-500);background:var(--success-50)}.pill-pending{color:var(--warning-500);background:var(--warning-50)}.pill-paid{color:var(--charcoal-500);background:var(--bg-sunken)}.pill-held{color:var(--rose-500);background:var(--rose-50)}.pill-cancelled{color:var(--error-500);background:var(--bg-sunken)}.pill-owner{color:#fff;background:var(--rose-500)}.pill-manager{color:var(--fg-primary);border-color:var(--border-strong);background:0 0}.pill-employee{color:var(--fg-secondary);background:var(--bg-sunken)}[data-theme=dark] .pill-live{background:#13a76824}[data-theme=dark] .pill-pending{background:#d58a1624}[data-theme=dark] .pill-paid{background:#ffffff0f}[data-theme=dark] .pill-held{background:#e11d4824}[data-theme=dark] .pill-employee{background:#ffffff0f}.app{background:var(--bg-canvas);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;background:var(--bg-canvas);border-bottom:1px solid var(--border-hairline);align-items:center;gap:16px;min-height:60px;padding:14px 28px;display:flex;position:sticky;top:0}.content{width:100%;max-width:1480px;padding:24px 28px 64px}:focus-visible{outline:2px solid var(--rose-500);outline-offset:2px;border-radius:4px}[role=button]:focus-visible,[role=tab]:focus-visible,[role=listitem]:focus-visible,.card[tabindex]:focus-visible,tr[tabindex]:focus-visible,.clickable-row:focus-visible{outline:2px solid var(--rose-500);outline-offset:-2px;box-shadow:0 0 0 2px var(--bg-surface);border-radius:var(--r-card)}.pill:focus-visible,[data-role-pill]:focus-visible{outline:2px solid var(--rose-500);outline-offset:2px;border-radius:var(--r-pill)}.skip-link{background:var(--rose-500);color:#fff;border-radius:var(--r-button);z-index:var(--z-toast);transition:top var(--dur-fast) var(--ease);padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:1279px){.app{grid-template-columns:64px 1fr}.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-labels,.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-footer-meta,.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-section-label,.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-partner,.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-logo-text{display:none!important}.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .nav-item{justify-content:center!important;padding:10px 0!important}.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-header{justify-content:center!important;padding:14px 8px!important}.sidebar[data-layout]:not([data-layout=drawer]):not([data-open=true]) .sidebar-footer{justify-content:center!important;padding:10px 8px!important}}@media (max-width:1023px){.app{grid-template-columns:1fr}.sidebar:not([data-open=true]){display:none}.sidebar[data-open=true]{width:272px;z-index:var(--z-drawer);box-shadow:var(--elev-modal);top:0;bottom:0;left:0;position:fixed!important}body[data-drawer=true]:after{content:"";z-index:calc(var(--z-drawer) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141673;position:fixed;inset:0}.sidebar[data-open=true] .sidebar-labels,.sidebar[data-open=true] .sidebar-section-label,.sidebar[data-open=true] .sidebar-footer-meta,.sidebar[data-open=true] .sidebar-logo-text,.sidebar[data-open=true] .sidebar-partner{display:block!important}.sidebar[data-open=true] .nav-item{justify-content:flex-start!important;padding:10px 14px!important}.topbar .menu-toggle{display:inline-flex!important}.content{padding:20px 20px 80px!important}}@media (max-width:639px){.topbar{min-height:54px!important;padding:10px 14px!important}.topbar .topbar-desktop-only{display:none!important}.content{padding:16px 14px 96px!important}.bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border-hairline);height:64px;z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item[aria-current=page]{color:var(--rose-500)}.bottom-nav-item:hover{color:var(--fg-primary)}}@media (min-width:640px){.bottom-nav{display:none!important}}.menu-toggle{display:none}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1279px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.kpi-row{grid-template-columns:1fr}}.two-col{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:1023px){.two-col{grid-template-columns:1fr}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:639px){.grid-4{grid-template-columns:1fr!important}}@media (max-width:1023px){.grid-hero-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:639px){.grid-hero-kpi{grid-template-columns:1fr!important}}@media (max-width:1023px){.grid-3{grid-template-columns:1fr 1fr!important}}@media (max-width:639px){.grid-3{grid-template-columns:1fr!important}}@media (max-width:767px){.grid-2{grid-template-columns:1fr!important}}@media (max-width:899px){.stack-900{grid-template-columns:1fr!important}}@media (max-width:1023px){.stack-1024{grid-template-columns:1fr!important}}@media (max-width:899px){.settings-grid{grid-template-columns:1fr!important}.settings-grid>nav{background:var(--bg-sunken);border-radius:8px;flex-flow:wrap!important;gap:8px!important;padding:8px!important}.settings-grid>nav>div{flex:160px}}@media (max-width:639px){.settings-grid>nav>div{flex:100%}.settings-grid .form-row{grid-template-columns:1fr!important;gap:8px!important}}@media (max-width:899px){.market-admin-grid,.market-analytics-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.market-preview-desktop{-webkit-overflow-scrolling:touch;overflow-x:auto}.market-preview-desktop>*{min-width:920px}}.hero-num-96{font-size:clamp(40px,12vw,96px)!important}.hero-num-88{font-size:clamp(56px,14vw,88px)!important}.hero-num-48{font-size:clamp(32px,8vw,48px)!important}.hero-num-44{font-size:clamp(22px,6vw,44px)!important}@media (max-width:639px){.drawer-body{padding:14px!important}.drawer-header{padding:12px 14px!important}.proto-flows-panel{width:auto!important;max-width:calc(100vw - 32px)!important}.proto-flows-fab{bottom:76px!important;right:12px!important}.proto-flows-panel{width:220px!important;bottom:76px!important;right:12px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header>div+div{flex-wrap:wrap}.market-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%!important}}@keyframes pulsePing{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInR{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes tickerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}