:root,[data-theme=light]{--sf-primary: #0176d3;--sf-primary-hover: #014486;--sf-bg: #f3f3f3;--sf-surface: #ffffff;--sf-text: #181818;--sf-text-muted: #706e6b;--sf-border: #c9c7c5;--sf-radius: 8px;--sf-shadow: 0 1px 2px rgba(24, 24, 24, .08);color-scheme:light}[data-theme=dark]{--sf-primary: #1b96ff;--sf-primary-hover: #0b5cab;--sf-bg: #1b1b1b;--sf-surface: #2a2a2a;--sf-text: #f3f3f3;--sf-text-muted: #aeaeae;--sf-border: #5c5c5c;--sf-shadow: 0 1px 2px rgba(0, 0, 0, .35);color-scheme:dark}html,body,#root{margin:0;min-height:100%;background:var(--sf-bg);color:var(--sf-text);font-family:Segoe UI,Salesforce Sans,system-ui,sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{box-sizing:border-box;min-height:100vh;padding:12px;background:var(--sf-bg)}.app-surface{box-sizing:border-box;max-width:640px;min-width:280px;margin:0 auto;padding:16px;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow)}.sf-card{border:1px solid var(--sf-border);border-radius:var(--sf-radius);padding:12px;background:var(--sf-surface)}.sf-muted{color:var(--sf-text-muted)}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:22px;flex-shrink:0}.brand-logo--lg{width:56px;height:35px}