:root,.theme-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent-strong:color-mix(in srgb, var(--accent) 88%, var(--text));--accent-soft:color-mix(in srgb, var(--accent) 11%, var(--surface));--accent-border:color-mix(in srgb, var(--accent) 40%, var(--border));--accent-text:var(--accent);--success-text:var(--success);--success-soft:color-mix(in srgb, var(--success) 10%, var(--surface));--success-border:color-mix(in srgb, var(--success) 40%, var(--border));--warning-soft:color-mix(in srgb, var(--warning) 10%, var(--surface));--warning-border:color-mix(in srgb, var(--warning) 40%, var(--border));--danger-soft:color-mix(in srgb, var(--danger) 10%, var(--surface));--danger-border:color-mix(in srgb, var(--danger) 40%, var(--border));--info-soft:color-mix(in srgb, var(--info) 10%, var(--surface));--info-border:color-mix(in srgb, var(--info) 40%, var(--border));--danger-solid:var(--danger);--danger-solid-hover:color-mix(in srgb, var(--danger) 90%, var(--surface));--warning-solid:var(--warning);--warning-solid-hover:color-mix(in srgb, var(--warning) 90%, var(--surface));--info-solid:var(--info);--info-solid-hover:color-mix(in srgb, var(--info) 90%, var(--surface));--workspace-accent:var(--accent);--workspace-accent-strong:var(--accent-strong);--workspace-accent-soft:var(--accent-soft);--workspace-accent-border:var(--accent-border);--workspace-accent-text:var(--accent-text);--workspace-on-accent:var(--on-accent);--workspace-surface:var(--surface);--workspace-surface-subtle:var(--surface-muted);--workspace-border:var(--border);--workspace-text:var(--text);--workspace-muted:var(--muted);--workspace-danger:var(--danger);--workspace-danger-soft:var(--danger-soft);--workspace-sidebar:var(--sidebar);--workspace-sidebar-text:var(--sidebar-on-color);--workspace-sidebar-muted:color-mix(in srgb, var(--sidebar-on-color) 72%, var(--sidebar));--workspace-sidebar-link:color-mix(in srgb, var(--sidebar-on-color) 88%, var(--sidebar));--workspace-sidebar-border:color-mix(in srgb, var(--sidebar-on-color) 18%, transparent);--workspace-sidebar-hover:color-mix(in srgb, var(--sidebar-on-color) 10%, transparent);--workspace-sidebar-active:var(--accent-soft);--workspace-sidebar-active-text:var(--accent-text);--shadow-color:var(--lightningcss-light,#14231d1a)var(--lightningcss-dark,#00000042);--shadow:0 12px 32px var(--shadow-color);--workspace-shadow:0 2px 8px var(--shadow-color);--overlay:#0000008a;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);--shadow-opacity-8:color-mix(in srgb, var(--accent) 8%, transparent);--shadow-opacity-12:color-mix(in srgb, var(--accent) 12%, transparent);--shadow-opacity-16:color-mix(in srgb, var(--accent) 16%, transparent);--shadow-opacity-24:color-mix(in srgb, var(--accent) 24%, transparent);--shadow-opacity-25:color-mix(in srgb, var(--accent) 25%, transparent);--shadow-opacity-35:color-mix(in srgb, var(--accent) 35%, transparent);--shadow-opacity-85:color-mix(in srgb, var(--accent) 85%, transparent);--invoice-paper:#f9fbfa;--invoice-text:#17251f;--invoice-muted:#5a6962}@media (prefers-color-scheme:dark){:root,.theme-preview{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root{--control-height:2.625rem;--control-radius:.5rem;--input-height:var(--control-height);--input-radius:var(--control-radius);--panel-radius:.875rem}.button.button,.workspace-main .button.button{min-height:var(--control-height);border-radius:var(--control-radius);font-size:var(--font-sm);box-shadow:none;padding:.625rem 1rem;font-weight:650;line-height:1.25;text-decoration:none}.button.button:hover:not(:disabled),.button.button:active:not(:disabled){box-shadow:none;transform:none}.button.button-primary,.workspace-main .button.button-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button.button-primary:hover:not(:disabled),.workspace-main .button.button-primary:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong);color:var(--on-accent)}.button.button-secondary,.workspace-main .button.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button.button-secondary:hover:not(:disabled),.workspace-main .button.button-secondary:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.button.button-subtle{color:var(--accent-text);background:0 0;border-color:#0000}.button.button-subtle:hover:not(:disabled){background:var(--accent-soft)}.button.button-danger,.workspace-main .button.button-danger{border-color:var(--danger-solid);background:var(--danger-solid);color:var(--danger-on-solid)}.button.button-danger:hover:not(:disabled),.workspace-main .button.button-danger:hover:not(:disabled){border-color:var(--danger-solid-hover);background:var(--danger-solid-hover);color:var(--danger-on-solid)}:root :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=datetime-local],input[type=time],select,textarea):not(.fui-Input__input):not(.fui-Textarea__textarea):not(.fui-Select__select){min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-sm);box-shadow:none;padding:.625rem .75rem}:root :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root :is(input,textarea)::placeholder{color:var(--muted);opacity:1}:root :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent);width:1rem;min-height:1rem;padding:0}:root :is(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}:root input[aria-invalid=true]{border-color:var(--danger)}:root :is(.settings-card-panel,.dashboard-panel,.dashboard-metric-card,.dashboard-utility-panel,.customer-directory-panel,.payment-method-directory-panel,.recurring-card-section,.time-tracking-timer-panel,.time-tracking-entries-panel,.time-tracking-unbilled-panel,.billing-plan-card){border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);color:var(--text);box-shadow:var(--workspace-shadow)}:root :is(.settings-tabs-bar,.recurring-step-tabs-bar){border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-muted);flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}:root :is(.settings-tab-btn,.recurring-step-tab-btn,.filter-pill-btn){min-height:var(--control-height);border-radius:var(--control-radius);color:var(--muted);font-size:var(--font-sm);background:0 0;border:1px solid #0000;padding:.5rem .875rem;font-weight:600}:root :is(.settings-tab-btn,.recurring-step-tab-btn,.filter-pill-btn):is(.is-active,.active){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text);box-shadow:none}:root :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-status-badge{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-muted);width:fit-content;color:var(--muted);font-size:var(--font-xs);white-space:nowrap;justify-content:center;align-items:center;padding:.25rem .5rem;font-weight:650;line-height:1.25;display:inline-flex}.ui-status-badge[data-tone=success]{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.ui-status-badge[data-tone=warning]{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.ui-status-badge[data-tone=danger]{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.ui-status-badge[data-tone=info]{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}:root .auth-status{border:1px solid var(--success-border);border-radius:var(--control-radius);background:var(--success-soft);color:var(--success);padding:.75rem 1rem}:root .auth-error{border:1px solid var(--danger-border);border-radius:var(--control-radius);background:var(--danger-soft);color:var(--danger);padding:.75rem 1rem}.appearance-fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-fieldset legend{margin-bottom:.75rem;font-weight:650}.appearance-fieldset>p{margin:0 0 1rem}.appearance-mode-options{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.appearance-mode-options label{font-size:var(--font-sm);cursor:pointer;align-items:center;gap:.5rem;display:flex}.theme-palette-swatches{height:4.5rem;display:flex;overflow:hidden}.theme-palette-swatches span{flex:1}.theme-palette-swatches span:nth-child(2){flex:2}.theme-card-inspiration{color:var(--muted);font-size:var(--font-xs);line-height:1.5}.theme-option-card.theme-option-card{text-align:left;box-shadow:none;border-radius:var(--panel-radius)}.theme-option-card.theme-option-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.appearance-editor-heading{justify-content:space-between;align-items:end;gap:1rem;padding-top:.5rem;display:flex}.appearance-editor-heading h4,.appearance-preview-column h4{margin:0 0 .35rem}.appearance-editor-heading p{margin:0}.appearance-editor-heading>label{font-size:var(--font-sm);white-space:nowrap;gap:.4rem;display:grid}.appearance-editor{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.palette-color-list{display:grid}.palette-color-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.palette-color-row>label{min-width:0;font-size:var(--font-sm);gap:.25rem;display:grid}.palette-color-row>label span{color:var(--muted);font-size:var(--font-xs);line-height:1.45}.palette-color-inputs{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.palette-color-inputs input[type=color]{width:2.5rem;height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);cursor:pointer;padding:.2rem}.palette-color-inputs input[type=text]{font-variant-numeric:tabular-nums;width:6.5rem}.appearance-preview-column{gap:.75rem;display:grid;position:sticky;top:1.5rem}.theme-preview{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--page);color:var(--text);overflow:hidden}.theme-preview-nav{background:var(--sidebar);color:var(--sidebar-on-color);font-size:var(--font-sm);justify-content:space-between;padding:1rem;font-weight:650;display:flex}.theme-preview-nav span{font-weight:400}.theme-preview-body{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);gap:1rem;margin:1rem;padding:1rem;display:grid}.theme-preview-body h3,.theme-preview-body p{margin:0}.theme-preview-body h3{font-size:var(--font-md);color:var(--text)}.theme-preview-body p{font-size:var(--font-sm);color:var(--muted);line-height:1.5}.theme-preview-body label{font-size:var(--font-sm);gap:.5rem;display:grid}.theme-preview-body input{width:100%}.theme-preview-actions,.theme-preview-statuses{flex-wrap:wrap;gap:.5rem;display:flex}.theme-preview-body>button{justify-self:start}.appearance-actions{flex-wrap:wrap}@media (max-width:1100px){.appearance-editor{grid-template-columns:1fr}.appearance-preview-column{position:static}}@media (max-width:640px){.theme-options-grid{grid-template-columns:1fr}.appearance-editor-heading{flex-direction:column;align-items:stretch}.palette-color-row{flex-direction:column;align-items:start;gap:.5rem}.palette-color-inputs{width:100%}.palette-color-inputs input[type=text]{flex:1}.appearance-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.button,.theme-option-card,.settings-tab-btn,.recurring-step-tab-btn{transition:none}}.ui-action-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.ui-table-scroll{width:100%;overflow-x:auto}.ui-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-sm)}.ui-data-table th,.ui-data-table td{border-bottom:1px solid var(--border);padding:.875rem 1rem}.ui-data-table th{background:var(--surface-muted);color:var(--muted);font-weight:650}.ui-data-table td{background:var(--surface);color:var(--text)}