:root{--sb-violet-50: #f1ebfe;--sb-violet-100: #e1dbfe;--sb-violet-200: #c5b8fe;--sb-violet-300: #aa93fd;--sb-violet-400: #8f69fc;--sb-violet-500: #783afb;--sb-violet-600: #630de3;--sb-violet-700: #4d08b5;--sb-violet-800: #360483;--sb-violet-900: #200255;--sb-orange-50: #fff3e6;--sb-orange-100: #ffe4d0;--sb-orange-200: #ffccb6;--sb-orange-300: #ffb8a2;--sb-orange-400: #ff907c;--sb-orange-500: #ff5b49;--sb-orange-600: #de3000;--sb-orange-700: #a92200;--sb-grey-0: #ffffff;--sb-grey-50: #f4f4f5;--sb-grey-100: #e4e4e7;--sb-grey-200: #d4d4d8;--sb-grey-300: #9f9fa9;--sb-grey-400: #71717b;--sb-grey-500: #52525c;--sb-grey-600: #3f3f47;--sb-grey-700: #2f2f34;--sb-grey-800: #18181b;--sb-grey-900: #09090b;--sb-success: #1ab25e;--sb-success-bg: #e0fae5;--sb-warning: #efa00d;--sb-warning-bg: #fff7ea;--sb-error: #ff3347;--sb-error-bg: #fff0f1;--sb-info: #337aff;--sb-info-bg: #edf0ff;--sb-primary: var(--sb-violet-500);--sb-primary-hover: var(--sb-violet-600);--sb-primary-soft: var(--sb-violet-50);--sb-accent: var(--sb-orange-500);--sb-surface: var(--sb-grey-0);--sb-surface-sunken: var(--sb-grey-50);--sb-border: var(--sb-grey-100);--sb-border-strong: var(--sb-grey-200);--sb-text: var(--sb-grey-800);--sb-text-muted: var(--sb-grey-400);--sb-text-inverse: var(--sb-grey-0);--sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sb-text-large-size: 20px;--sb-text-large-line: 130%;--sb-text-medium-size: 18px;--sb-text-medium-line: 130%;--sb-text-regular-size: 16px;--sb-text-regular-line: 140%;--sb-text-small-size: 14px;--sb-text-small-line: 150%;--sb-text-xsmall-size: 12px;--sb-text-xsmall-line: 150%;--sb-tracking-tight: -.01em;--sb-radius: 8px;--sb-header-height: 56px;--sb-radius-lg: 16px;--sb-space-1: 4px;--sb-space-2: 8px;--sb-space-3: 12px;--sb-space-4: 16px;--sb-space-5: 24px;--sb-space-6: 32px;--sb-shadow: 0 1px 2px rgba(9, 9, 11, .06), 0 1px 3px rgba(9, 9, 11, .1);--sb-shadow-lg: 0 4px 12px rgba(9, 9, 11, .08), 0 2px 4px rgba(9, 9, 11, .06)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sb-font);font-size:var(--sb-text-regular-size);line-height:var(--sb-text-regular-line);letter-spacing:var(--sb-tracking-tight);color:var(--sb-text);background:var(--sb-surface-sunken);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:var(--sb-tracking-tight);font-weight:600}h1{font-size:var(--sb-text-large-size);line-height:var(--sb-text-large-line)}h2{font-size:var(--sb-text-medium-size);line-height:var(--sb-text-medium-line)}h3{font-size:var(--sb-text-regular-size);line-height:var(--sb-text-regular-line)}a{color:var(--sb-primary)}.sb-button{display:inline-flex;align-items:center;gap:var(--sb-space-2);padding:0 var(--sb-space-4);height:40px;border:1px solid transparent;border-radius:var(--sb-radius);font:inherit;font-size:var(--sb-text-small-size);font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.sb-button:disabled{opacity:.5;cursor:not-allowed}.sb-button--primary{background:var(--sb-primary);color:var(--sb-text-inverse)}.sb-button--primary:hover:not(:disabled){background:var(--sb-primary-hover)}.sb-button--secondary{background:var(--sb-surface);border-color:var(--sb-border-strong);color:var(--sb-text)}.sb-button--secondary:hover:not(:disabled){background:var(--sb-surface-sunken)}.sb-button--ghost{background:transparent;color:var(--sb-text-muted)}.sb-button--ghost:hover:not(:disabled){background:var(--sb-surface-sunken);color:var(--sb-text)}.sb-button--danger{background:var(--sb-error);color:var(--sb-text-inverse)}.sb-input{width:100%;height:40px;padding:0 var(--sb-space-3);border:1px solid var(--sb-border-strong);border-radius:var(--sb-radius);background:var(--sb-surface);font:inherit;font-size:var(--sb-text-small-size);color:var(--sb-text)}.sb-input:focus{outline:2px solid var(--sb-violet-200);outline-offset:-1px;border-color:var(--sb-primary)}textarea.sb-input{height:auto;padding:var(--sb-space-3);resize:vertical;line-height:var(--sb-text-small-line)}.sb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sb-label{display:block;margin-bottom:var(--sb-space-1);font-size:var(--sb-text-xsmall-size);font-weight:500;color:var(--sb-text-muted)}.sb-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow)}.sb-table{width:100%;border-collapse:collapse;font-size:var(--sb-text-small-size)}.sb-table th{padding:var(--sb-space-3) var(--sb-space-4);text-align:left;font-size:var(--sb-text-xsmall-size);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--sb-text-muted);border-bottom:1px solid var(--sb-border);white-space:nowrap}.sb-table td{padding:var(--sb-space-3) var(--sb-space-4);border-bottom:1px solid var(--sb-border);vertical-align:middle}.sb-table tbody tr:hover{background:var(--sb-surface-sunken)}.sb-table .sb-numeric{text-align:right;font-variant-numeric:tabular-nums}.sb-badge{display:inline-block;padding:2px var(--sb-space-2);border-radius:999px;font-size:var(--sb-text-xsmall-size);font-weight:500;line-height:18px}.sb-badge--draft{background:var(--sb-grey-100);color:var(--sb-grey-500)}.sb-badge--open{background:var(--sb-info-bg);color:var(--sb-info)}.sb-badge--accepted{background:var(--sb-success-bg);color:var(--sb-success)}.sb-badge--canceled{background:var(--sb-error-bg);color:var(--sb-error)}.sb-badge--recurring{background:var(--sb-violet-50);color:var(--sb-violet-600)}