:root{--sb-color-primary:#2563eb;--sb-color-primary-hover:#1d4ed8;--sb-color-primary-soft:rgba(37,99,235,0.1);--sb-color-primary-text:#ffffff;--sb-color-fg:#0f172a;--sb-color-fg-muted:#64748b;--sb-color-bg:#ffffff;--sb-color-surface:#f8fafc;--sb-color-border:#e2e8f0;--sb-color-border-strong:#cbd5e1;--sb-color-success:#15803d;--sb-color-success-bg:#dcfce7;--sb-color-warning:#b45309;--sb-color-warning-bg:#fef3c7;--sb-color-danger:#b91c1c;--sb-color-danger-bg:#fef2f2;--sb-space-1:4px;--sb-space-2:8px;--sb-space-3:12px;--sb-space-4:16px;--sb-space-5:24px;--sb-space-6:32px;--sb-radius-sm:8px;--sb-radius-md:12px;--sb-radius-lg:16px;--sb-font-size-xs:11px;--sb-font-size-sm:12px;--sb-font-size-base:14px;--sb-font-size-md:16px;--sb-font-size-lg:18px;--sb-font-size-xl:22px;--sb-shadow-sm:0 1px 2px rgba(15,23,42,0.06);--sb-shadow-md:0 4px 12px rgba(15,23,42,0.08);--sb-shadow-lg:0 24px 48px -12px rgba(15,23,42,0.18),0 8px 16px -6px rgba(15,23,42,0.08)}[data-theme=dark]{--sb-color-fg:#f1f5f9;--sb-color-fg-muted:#94a3b8;--sb-color-bg:#0f172a;--sb-color-surface:#1e293b;--sb-color-border:#334155;--sb-color-border-strong:#475569;--sb-color-danger-bg:rgba(220,38,38,0.18);--sb-color-danger:#fecaca;--sb-color-warning-bg:rgba(180,83,9,0.2);--sb-color-success-bg:rgba(21,128,61,0.18);--sb-shadow-lg:0 24px 48px -12px rgba(0,0,0,0.6),0 8px 16px -6px rgba(0,0,0,0.4)}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-space-2);padding:var(--sb-space-2) var(--sb-space-3);border-radius:var(--sb-radius-sm);border:1px solid transparent;font:inherit;font-size:var(--sb-font-size-base);font-weight:500;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.sb-btn:disabled{cursor:not-allowed;opacity:.55}.sb-btn:focus-visible{outline:2px solid var(--sb-color-primary);outline-offset:2px}.sb-btn-primary{background:var(--sb-color-primary);color:var(--sb-color-primary-text)}.sb-btn-primary:hover:not(:disabled){background:var(--sb-color-primary-hover)}.sb-btn-secondary{background:var(--sb-color-bg);color:var(--sb-color-fg);border-color:var(--sb-color-border)}.sb-btn-secondary:hover:not(:disabled){background:var(--sb-color-surface)}.sb-btn-danger{background:var(--sb-color-danger);color:var(--sb-color-primary-text)}.sb-btn-danger:hover:not(:disabled){filter:brightness(.92)}.sb-btn-ghost{background:transparent;color:var(--sb-color-fg-muted);border-color:transparent}.sb-btn-ghost:hover:not(:disabled){color:var(--sb-color-fg);background:var(--sb-color-surface)}.sb-btn-sm{padding:4px var(--sb-space-2);font-size:var(--sb-font-size-sm)}.sb-btn-spinner{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:sb-spin .7s linear infinite}@keyframes sb-spin{to{transform:rotate(1turn)}}.sb-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--sb-color-fg-muted);border-right:2px solid transparent;animation:sb-spin .7s linear infinite}.sb-spinner-lg{width:24px;height:24px;border-width:3px}.sb-skeleton{display:block;background:linear-gradient(90deg,var(--sb-color-surface) 0,var(--sb-color-border) 50%,var(--sb-color-surface) 100%);background-size:200% 100%;border-radius:var(--sb-radius-sm);animation:sb-skeleton-shine 1.4s ease-in-out infinite}@keyframes sb-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.sb-toast-region{position:fixed;top:var(--sb-space-4);right:var(--sb-space-4);flex-direction:column;z-index:9000;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.sb-toast,.sb-toast-region{display:flex;gap:var(--sb-space-2)}.sb-toast{pointer-events:auto;align-items:flex-start;padding:var(--sb-space-3) var(--sb-space-4);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-md);background:var(--sb-color-bg);border:1px solid var(--sb-color-border);color:var(--sb-color-fg);font-size:var(--sb-font-size-base);animation:sb-toast-in .18s ease-out}.sb-toast-success{border-color:var(--sb-color-success);background:var(--sb-color-success-bg);color:var(--sb-color-success)}.sb-toast-error{border-color:var(--sb-color-danger);background:var(--sb-color-danger-bg);color:var(--sb-color-danger)}.sb-toast-warning{border-color:var(--sb-color-warning);background:var(--sb-color-warning-bg);color:var(--sb-color-warning)}.sb-toast-body{flex:1 1;min-width:0;word-wrap:break-word}.sb-toast-dismiss{background:transparent;border:0;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;opacity:.7}.sb-toast-dismiss:hover{opacity:1}@keyframes sb-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.sb-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:9000;padding:var(--sb-space-4)}.sb-modal{background:var(--sb-color-bg);color:var(--sb-color-fg);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-lg);max-width:min(560px,100%);width:100%;max-height:90vh;overflow:auto;padding:var(--sb-space-5);outline:none}.sb-modal-actions{justify-content:flex-end;margin-top:var(--sb-space-4)}.sb-empty-state,.sb-modal-actions{display:flex;gap:var(--sb-space-2)}.sb-empty-state{flex-direction:column;align-items:center;text-align:center;padding:var(--sb-space-6) var(--sb-space-4);color:var(--sb-color-fg-muted)}.sb-empty-state-title{color:var(--sb-color-fg);font-size:var(--sb-font-size-md);font-weight:600;margin:0}.sb-empty-state-body{color:var(--sb-color-fg-muted);font-size:var(--sb-font-size-base);margin:0;max-width:360px}.sb-empty-state-action{margin-top:var(--sb-space-3)}.sb-field{display:flex;flex-direction:column;gap:var(--sb-space-1)}.sb-field-label{font-size:var(--sb-font-size-sm);font-weight:500;color:var(--sb-color-fg)}.sb-field-label-required:after{content:" *";color:var(--sb-color-danger)}.sb-field-input{font:inherit;font-size:var(--sb-font-size-base);padding:var(--sb-space-2) var(--sb-space-3);border-radius:var(--sb-radius-sm);border:1px solid var(--sb-color-border);background:var(--sb-color-bg);color:var(--sb-color-fg);transition:border-color .12s ease,box-shadow .12s ease}.sb-field-input:focus{outline:none;border-color:var(--sb-color-primary);box-shadow:0 0 0 3px var(--sb-color-primary-soft)}.sb-field-input[aria-invalid=true]{border-color:var(--sb-color-danger)}.sb-field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(185,28,28,.15)}.sb-field-error{color:var(--sb-color-danger)}.sb-field-error,.sb-field-help{font-size:var(--sb-font-size-xs)}.sb-field-help{color:var(--sb-color-fg-muted)}@media (prefers-reduced-motion:reduce){.sb-btn-spinner,.sb-skeleton,.sb-spinner,.sb-toast{animation-duration:.01ms!important;animation-iteration-count:1!important}}