:root{--color-bg-surface:#111317;--color-bg-elevated:#1b1f25;--color-border-subtle:#2a3038;--color-accent:#e8bf58;--color-accent-alt:#f5d98a;--color-text-primary:#ffffff;--color-text-gold:#e8bf58;--color-text-secondary:#c6cbd2;--color-text-muted:#9aa0aa;--color-input-surface-alt:#262629;--surface-muted:#2a3038;--color-text-inverse:#000000;--color-danger:#f87171;--color-warning:#fbbf24;--color-success:#34d399;--status-ok:#10b981;--status-warn:#f59e0b;--status-error:#e11d48;--status-neutral:#38bdf8;--status-reconciled:#a855f7;--status-ordered:#89cff0;--status-scheduled:#38bdf8;--status-in-progress:#ffffff;--status-pending:#6b7280;--status-pending-bg:#f0f0f0;--status-quoted:#007aff;--status-accepted:#10b981;--status-deal-lost:#d5b991;--status-deposit-paid:#ffcc00;--status-ready:#4ed964;--status-completed:#c4f2cb;--status-invoiced:#007bff;--status-stalled:#ff3b2f;--status-final-payment:#ffcc00;--status-dispute:#ff3b2f;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 1px 2px rgba(0,0,0,0.25);--shadow-md:0 2px 6px -1px rgba(0,0,0,0.35);--shadow-lg:0 8px 24px -4px rgba(0,0,0,0.45);--surface-app:var(--color-bg-surface);--surface-base:var(--color-bg-surface);--surface-elevated:var(--color-bg-elevated);--surface-panel:var(--color-bg-elevated);--surface-card:var(--surface-panel);--surface-panel-2:color-mix(in srgb,var(--color-bg-elevated) 80%,black);--border-divider:var(--color-border-subtle);--border-subtle:color-mix(in srgb,var(--color-accent) 18%,transparent);--accent-gold:var(--color-accent);--accent-gold-2:var(--color-accent-alt);--brand-primary:var(--color-accent);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-tertiary:var(--text-muted);--text-gold:var(--color-text-gold);--color-text-tertiary:var(--text-tertiary);--color-primary:var(--brand-primary);--error-red:var(--status-error);--brand-gold:var(--accent-gold);--accent-gold-dark:color-mix(in srgb,var(--accent-gold) 80%,black);--accent-gold-hover:var(--accent-gold-dark);--status-info:var(--status-neutral);--status-success:var(--status-ok);--status-warning:var(--status-warn);--status-urgent:var(--status-error);--status-attention:var(--status-warn);--status-attention-bg:color-mix(in srgb,var(--status-attention) 14%,transparent);--border-default:var(--border-divider);--border-input:var(--border-divider);--border-warning:color-mix(in srgb,var(--status-warn) 55%,transparent);--border-hover:color-mix(in srgb,var(--accent-gold) 40%,var(--border-divider));--surface:var(--surface-panel);--surface-page:var(--surface-app);--surface-primary:var(--surface-app);--surface-secondary:var(--surface-panel);--surface-tertiary:var(--surface-panel-2);--surface-input:var(--input-surface-alt);--surface-hover:color-mix(in srgb,var(--surface-panel) 88%,white);--surface-elevated-hover:var(--surface-hover);--surface-inset:var(--surface-panel-2);--surface-overlay:color-mix(in srgb,var(--surface-panel) 76%,transparent);--surface-raised:var(--surface-elevated);--surface-sunken:var(--surface-panel-2);--bg-primary:var(--surface-panel);--bg-subtle:var(--surface-panel-2);--bg-tertiary:var(--surface-panel-2);--gold-400:var(--accent-gold-2);--gold-500:var(--accent-gold);--gold-600:color-mix(in srgb,var(--accent-gold) 76%,black);--gold-vivid:var(--accent-gold);--gold-muted:color-mix(in srgb,var(--accent-gold) 42%,var(--surface-panel));--gold-muted-rgb:232,191,88;--gray-900:#111827;--surface-panel-2-rgb:22,25,30;--text-inverse:var(--color-text-inverse);--input-surface-alt:var(--color-input-surface-alt)}@keyframes status-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(255,255,255,.06);transform:scale(1.05)}to{box-shadow:0 0 0 0 rgba(255,255,255,0);transform:scale(1)}}.system-status{position:fixed;top:12px;right:12px;z-index:50}.system-status--static{position:static;top:auto;right:auto}.proposal-preview .system-status{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}.system-status .dot{width:10px;height:10px;border-radius:9999px;animation:status-pulse 1.8s ease-in-out infinite}.system-status .label{font-size:var(--font-size-xs)}.system-status.ok .dot{background:var(--status-ok)}.system-status.warn .dot{background:var(--status-warn)}.system-status.error .dot{background:var(--status-error)}.system-status.neutral .dot{background:var(--status-neutral)}