:root{--navy-950: #0b1526;--navy-900: #0f1d33;--navy-800: #152841;--navy-700: #1c3554;--navy-600: #1f4a75;--navy-500: #2a5e90;--color-primary: var(--navy-600);--color-primary-hover: #193e63;--color-primary-disabled: #9db2c6;--color-accent: #0e9c8e;--color-accent-hover: #0b7e73;--color-accent-disabled: #8fc9c2;--color-accent-bg: #e0f3f0;--color-brand: #e8833c;--color-brand-hover: #d5722e;--color-brand-bg: #fdefe2;--color-brand-fg: #b45816;--color-whatsapp: #25d366;--color-sidebar: var(--navy-900);--color-sidebar-active: var(--navy-800);--color-sidebar-hover: var(--navy-700);--color-sidebar-text: #e9eef6;--color-sidebar-text-muted: #8fa0bc;--color-sidebar-section: #5f7295;--color-sidebar-border: rgba(255, 255, 255, .08);--color-text: #1b2534;--color-text-muted: #5c6b80;--color-text-subtle: #8b99ac;--color-border: #e6eaf0;--color-border-strong: #cdd6e1;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-sunken: #f1f4f7;--color-scrim: rgba(15, 23, 42, .35);--shadow-1: 0 1px 2px rgba(16, 24, 40, .05);--shadow-2: 0 1px 3px rgba(16, 24, 40, .07), 0 4px 12px rgba(16, 24, 40, .05);--shadow-3: 0 8px 28px rgba(16, 24, 40, .14);--color-success-fg: #177245;--color-success-bg: #e8f5ee;--color-success-dot: #22a45d;--color-info-fg: #175e8f;--color-info-bg: #e8f1fa;--color-info-dot: #2e8fd0;--color-warning-fg: #94620a;--color-warning-bg: #fcf3de;--color-warning-dot: #e2a93b;--color-danger-fg: #b42318;--color-danger-bg: #fdecea;--color-danger-dot: #e5544b;--color-neutral-dot: #9aa8ba;--color-customer-fg: #1e40af;--color-customer-bg: #e3ecfb;--color-vendor-fg: #94620a;--color-vendor-bg: #f6ead3;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .6875rem;--text-sm: .78125rem;--text-md: .84375rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}table,.svl-tabular{font-variant-numeric:tabular-nums}.svl-sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.svl-sidebar-scroll::-webkit-scrollbar{width:8px}.svl-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.svl-sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.svl-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.svl-btn{cursor:pointer;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);padding:8px 14px;border:1px solid transparent;transition:background .12s ease,box-shadow .12s ease;display:inline-flex;align-items:center;gap:6px}.svl-btn:active:not(:disabled){transform:scale(.98)}.svl-btn:disabled{cursor:default}.svl-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-bg)}.svl-btn--primary{background:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-1)}.svl-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.svl-btn--primary:disabled{background:var(--color-primary-disabled)}.svl-btn--accent{background:var(--color-accent);color:var(--color-surface);box-shadow:var(--shadow-1)}.svl-btn--accent:hover:not(:disabled){background:var(--color-accent-hover)}.svl-btn--accent:disabled{background:var(--color-accent-disabled)}.svl-btn--brand{background:var(--color-brand);color:var(--color-surface);border-color:var(--color-brand);box-shadow:var(--shadow-1)}.svl-btn--brand:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.svl-btn--brand:disabled{opacity:.55}.svl-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-1)}.svl-btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.svl-btn--ghost{background:transparent;color:var(--color-accent);border-color:transparent;padding:4px 6px;box-shadow:none}.svl-btn--ghost:hover:not(:disabled){color:var(--color-accent-hover);background:var(--color-accent-bg)}.svl-btn--sm{padding:5px 10px;font-size:var(--text-xs)}.svl-input,.svl-select{height:36px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:0 10px;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);font-family:var(--font-sans);box-sizing:border-box}.svl-input::placeholder,.svl-textarea::placeholder{color:var(--color-text-subtle)}.svl-input:focus,.svl-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.svl-textarea{width:100%;min-height:60px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:8px 10px;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);font-family:var(--font-sans);box-sizing:border-box;resize:vertical}.svl-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.svl-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.svl-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.svl-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);flex-shrink:0}