:root{--sb-ochre:#cc8b2c;--sb-blue:#4a90e2;--sb-white:#faf7f2;--sb-green:#6db33f;--sb-terracotta:#b85450;--sb-charcoal:#1c1c1c;--sb-gray:#8e8e8e;--sb-orange:#f57c00;--sb-primary:var(--sb-ochre);--sb-accent:var(--sb-blue);--sb-success:var(--sb-green);--sb-danger:var(--sb-terracotta);--sb-warning:var(--sb-orange);--sb-border:#e2e8f0;--sb-card:#fffffff2;--sb-text:var(--sb-charcoal);--sb-text-muted:var(--sb-gray);--sb-bg:var(--sb-white);--sb-bg-subtle:#f8f6f2;--sb-radius-sm:6px;--sb-radius-md:10px;--sb-radius-lg:12px;--sb-pad-sm:8px;--sb-pad-md:12px;--sb-pad-lg:16px}.dark{--sb-ochre:#e4a43a;--sb-blue:#6ba8ed;--sb-white:#1f1e1c;--sb-green:#7ec850;--sb-terracotta:#d4706c;--sb-charcoal:#f0f0f0;--sb-gray:#a0a0a0;--sb-orange:#ff9124;--sb-primary:var(--sb-ochre);--sb-accent:var(--sb-blue);--sb-success:var(--sb-green);--sb-danger:var(--sb-terracotta);--sb-warning:var(--sb-orange);--sb-border:#2e2c2a;--sb-card:#252422f2;--sb-text:var(--sb-charcoal);--sb-text-muted:var(--sb-gray);--sb-bg:var(--sb-white);--sb-bg-subtle:#252422}.sb-input{border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);color:var(--sb-text);background:#fff;padding:8px 12px;font-size:14px}.dark .sb-input{border-color:var(--sb-border);color:var(--sb-text);background:#25242299}.sb-input:focus{border-color:var(--sb-accent);outline:none;box-shadow:0 0 0 2px #4a90e240}.dark .sb-input:focus{box-shadow:0 0 0 2px #6ba8ed4d}.sb-button{border-radius:var(--sb-radius-md);cursor:pointer;padding:8px 12px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,transform .1s}.sb-button:disabled{opacity:.6;cursor:not-allowed}.sb-button:active:not(:disabled){transform:scale(.98)}.sb-button.primary{background:var(--sb-primary);color:#fff;border:1px solid var(--sb-primary);box-shadow:0 1px 2px #0000000d}.sb-button.primary:hover:not(:disabled){background:#b87a26;border-color:#b87a26;box-shadow:0 2px 4px #0000001a}.dark .sb-button.primary{background:var(--sb-primary);color:#1c1b19;border:1px solid var(--sb-primary)}.dark .sb-button.primary:hover:not(:disabled){background:#f0b44a;border-color:#f0b44a}.sb-button.accent{background:var(--sb-accent);color:#fff;border:1px solid var(--sb-accent);box-shadow:0 1px 2px #0000000d}.sb-button.accent:hover:not(:disabled){background:#3a7cce;border-color:#3a7cce;box-shadow:0 2px 4px #0000001a}.dark .sb-button.accent{background:var(--sb-accent);color:#1c1b19;border:1px solid var(--sb-accent)}.dark .sb-button.accent:hover:not(:disabled){background:#82b8f5;border-color:#82b8f5}.sb-button.secondary{color:var(--sb-charcoal);background:#fdfcfa;border:1px solid #d1d5db}.dark .sb-button.secondary{color:var(--sb-text);border-color:var(--sb-border);background:#25242299}.sb-button.secondary:hover:not(:disabled){background:#f5f3ef;border-color:#9ca3af}.dark .sb-button.secondary:hover:not(:disabled){background:#373632cc;border-color:#5a5856}.sb-button.success{background:var(--sb-success);color:#fff;border:1px solid var(--sb-success);box-shadow:0 1px 2px #0000000d}.sb-button.success:hover:not(:disabled){background:#5f9e35;border-color:#5f9e35;box-shadow:0 2px 4px #0000001a}.dark .sb-button.success{background:var(--sb-success);color:#1c1b19;border:1px solid var(--sb-success)}.dark .sb-button.success:hover:not(:disabled){background:#92da64;border-color:#92da64}.sb-button.danger{background:var(--sb-danger);color:#fff;border:1px solid var(--sb-danger);box-shadow:0 1px 2px #0000000d}.sb-button.danger:hover:not(:disabled){background:#a34844;border-color:#a34844;box-shadow:0 2px 4px #0000001a}.dark .sb-button.danger{background:var(--sb-danger);color:#fff;border:1px solid var(--sb-danger)}.dark .sb-button.danger:hover:not(:disabled){background:#e08480;border-color:#e08480}.sb-button.warning{background:var(--sb-warning);color:#fff;border:1px solid var(--sb-warning);box-shadow:0 1px 2px #0000000d}.sb-button.warning:hover:not(:disabled){background:#e06d00;border-color:#e06d00;box-shadow:0 2px 4px #0000001a}.dark .sb-button.warning{background:var(--sb-warning);color:#1c1b19;border:1px solid var(--sb-warning)}.dark .sb-button.warning:hover:not(:disabled){background:#ffa538;border-color:#ffa538}.sb-button.ghost{color:var(--sb-text-muted);background:0 0;border:1px solid #0000}.dark .sb-button.ghost{color:var(--sb-text-muted)}.sb-button.ghost:hover:not(:disabled){color:var(--sb-text);background:#1c1c1c0d}.dark .sb-button.ghost:hover:not(:disabled){color:var(--sb-text);background:#ffffff14}.sb-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:12px}.dark .sb-card{background:var(--sb-card);border-color:var(--sb-border)}.sb-badge{border-radius:9999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.sb-badge.success{color:#4a8729;background:#6db33f26}.sb-badge.warning{color:#c45f00;background:#f57c0026}.sb-badge.danger{color:#943f3c;background:#b8545026}.sb-badge.info{color:#2b6cb0;background:#4a90e226}.sb-badge.neutral{color:#5a5a5a;background:#8e8e8e26}.dark .sb-badge.success{color:#92da64;background:#7ec85033}.dark .sb-badge.warning{color:#ffa538;background:#ff912433}.dark .sb-badge.danger{color:#e89896;background:#d4706c33}.dark .sb-badge.info{color:#9fc9f7;background:#6ba8ed33}.dark .sb-badge.neutral{color:silver;background:#a0a0a033}.sb-tabs{border-radius:var(--sb-radius-lg);background:#1c1c1c0d;padding:4px;display:inline-flex}.dark .sb-tabs{background:#ffffff14}.sb-tab{color:var(--sb-text-muted);border-radius:10px;padding:6px 12px;font-weight:600;transition:all .15s}.sb-tab:hover:not(.active){color:var(--sb-text)}.sb-tab.active{color:var(--sb-primary);background:#fff;box-shadow:0 1px 2px #0000000f}.dark .sb-tab.active{background:var(--sb-card);color:var(--sb-primary);box-shadow:0 1px 2px #0000004d}.sb-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sb-modal{border:1px solid var(--sb-border);background:#fff;border-radius:16px;width:100%;max-width:560px;position:relative;box-shadow:0 20px 60px #00000026}.sb-modal.wide-setup-modal{width:min(95vw,1100px);max-width:1100px}.dark .sb-modal{background:var(--sb-card);border-color:var(--sb-border)}.sb-modal-header{border-bottom:1px solid var(--sb-border);color:var(--sb-text);padding:16px;font-size:18px;font-weight:700}.dark .sb-modal-header{border-color:var(--sb-border);color:var(--sb-text)}.sb-modal-body{color:var(--sb-text);padding:16px}.dark .sb-modal-body{color:var(--sb-text)}.sb-modal-footer{border-top:1px solid var(--sb-border);justify-content:flex-end;gap:8px;padding:16px;display:flex}.dark .sb-modal-footer{border-color:var(--sb-border)}.sb-table{border-collapse:collapse;width:100%}.sb-table thead th{text-align:left;text-transform:uppercase;color:var(--sb-text-muted);background:#1c1c1c08;padding:12px 16px;font-size:12px}.dark .sb-table thead th{color:var(--sb-text-muted);background:#ffffff0d}.sb-table tbody td{color:var(--sb-text);border-top:1px solid var(--sb-border);padding:12px 16px;font-size:14px}.dark .sb-table tbody td{color:var(--sb-text);border-color:var(--sb-border)}.control-group{flex-direction:row;align-items:center;gap:8px;display:flex}