:root{--settings-section-gap:2rem;--settings-card-gap:1.5rem;--settings-content-gap:1rem;--settings-card-padding-x:1.5rem;--settings-card-padding-y:1.25rem;--settings-card-padding:var(--settings-card-padding-y) var(--settings-card-padding-x);--settings-compact-padding-x:1rem;--settings-compact-padding-y:0.875rem;--settings-form-gap:1.25rem;--settings-label-gap:0.5rem;--settings-field-group-gap:0.75rem;--settings-header-gap:0.375rem;--settings-header-action-gap:1rem;--settings-radius-xs:0.25rem;--settings-radius-sm:0.375rem;--settings-radius-md:0.5rem;--settings-radius-lg:0.75rem;--settings-radius-xl:1rem;--settings-radius-2xl:1.25rem;--settings-radius-full:9999px;--settings-avatar-sm:2rem;--settings-avatar-md:3rem;--settings-avatar-lg:4rem;--settings-avatar-xl:5rem;--settings-shadow-subtle:0 1px 2px oklch(0 0 0/0.04),0 2px 4px oklch(0 0 0/0.02);--settings-shadow-card:0 1px 3px oklch(0 0 0/0.06),0 4px 8px oklch(0 0 0/0.04),0 8px 16px oklch(0 0 0/0.02);--settings-shadow-elevated:0 2px 4px oklch(0 0 0/0.08),0 8px 16px oklch(0 0 0/0.06),0 16px 32px oklch(0 0 0/0.04);--settings-shadow-floating:0 4px 8px oklch(0 0 0/0.1),0 12px 24px oklch(0 0 0/0.08),0 24px 48px oklch(0 0 0/0.06);--settings-shadow-inset-subtle:inset 0 1px 2px oklch(0 0 0/0.04);--settings-shadow-inset-medium:inset 0 2px 4px oklch(0 0 0/0.06);--settings-glow-primary:0 0 0 1px oklch(0.62 0.19 260/0.15),0 4px 12px oklch(0.62 0.19 260/0.12);--settings-glow-success:0 0 0 1px oklch(0.65 0.15 150/0.2),0 4px 12px oklch(0.65 0.15 150/0.15);--settings-glow-warning:0 0 0 1px oklch(0.75 0.15 85/0.2),0 4px 12px oklch(0.75 0.15 85/0.15);--settings-glow-danger:0 0 0 1px oklch(0.62 0.21 25/0.2),0 4px 12px oklch(0.62 0.21 25/0.15);--settings-focus-ring:0 0 0 2px var(--background),0 0 0 4px oklch(0.62 0.19 260/0.5)}.dark{--settings-shadow-subtle:0 1px 2px oklch(0 0 0/0.2),0 2px 4px oklch(0 0 0/0.15);--settings-shadow-card:0 1px 3px oklch(0 0 0/0.25),0 4px 8px oklch(0 0 0/0.2),0 8px 16px oklch(0 0 0/0.15);--settings-shadow-elevated:0 2px 4px oklch(0 0 0/0.3),0 8px 16px oklch(0 0 0/0.25),0 16px 32px oklch(0 0 0/0.2);--settings-shadow-floating:0 4px 8px oklch(0 0 0/0.35),0 12px 24px oklch(0 0 0/0.3),0 24px 48px oklch(0 0 0/0.25);--settings-shadow-inset-subtle:inset 0 1px 2px oklch(0 0 0/0.15);--settings-shadow-inset-medium:inset 0 2px 4px oklch(0 0 0/0.2)}:root{--settings-duration-instant:50ms;--settings-duration-fast:150ms;--settings-duration-normal:250ms;--settings-duration-slow:400ms;--settings-duration-slower:600ms;--settings-ease-default:cubic-bezier(0.4,0,0.2,1);--settings-ease-in:cubic-bezier(0.4,0,1,1);--settings-ease-out:cubic-bezier(0,0,0.2,1);--settings-ease-in-out:cubic-bezier(0.4,0,0.2,1);--settings-ease-spring:cubic-bezier(0.22,1,0.36,1);--settings-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--settings-ease-elastic:cubic-bezier(0.175,0.885,0.32,1.275);--settings-transition-fast:var(--settings-duration-fast) var(--settings-ease-default);--settings-transition-normal:var(--settings-duration-normal) var(--settings-ease-default);--settings-transition-slow:var(--settings-duration-slow) var(--settings-ease-spring);--settings-transition-colors:color var(--settings-transition-fast),background-color var(--settings-transition-fast),border-color var(--settings-transition-fast);--settings-transition-transform:transform var(--settings-transition-normal);--settings-transition-shadow:box-shadow var(--settings-transition-normal);--settings-transition-opacity:opacity var(--settings-transition-fast);--settings-status-success:oklch(0.65 0.15 150);--settings-status-success-bg:oklch(0.65 0.15 150/0.1);--settings-status-success-border:oklch(0.65 0.15 150/0.25);--settings-status-warning:oklch(0.75 0.15 85);--settings-status-warning-bg:oklch(0.75 0.15 85/0.1);--settings-status-warning-border:oklch(0.75 0.15 85/0.25);--settings-status-danger:oklch(0.62 0.21 25);--settings-status-danger-bg:oklch(0.62 0.21 25/0.1);--settings-status-danger-border:oklch(0.62 0.21 25/0.25);--settings-status-info:oklch(0.62 0.19 260);--settings-status-info-bg:oklch(0.62 0.19 260/0.1);--settings-status-info-border:oklch(0.62 0.19 260/0.25);--settings-status-neutral:oklch(0.55 0 0);--settings-status-neutral-bg:oklch(0.55 0 0/0.08);--settings-status-neutral-border:oklch(0.55 0 0/0.2);--settings-security-strong:oklch(0.55 0.15 150);--settings-security-moderate:oklch(0.7 0.15 85);--settings-security-weak:oklch(0.6 0.2 25);--settings-connected:oklch(0.65 0.15 150);--settings-disconnected:oklch(0.55 0 0);--settings-pending:oklch(0.7 0.15 85)}.dark{--settings-status-success-bg:oklch(0.65 0.15 150/0.15);--settings-status-warning-bg:oklch(0.75 0.15 85/0.15);--settings-status-danger-bg:oklch(0.62 0.21 25/0.15);--settings-status-info-bg:oklch(0.62 0.19 260/0.15);--settings-status-neutral-bg:oklch(0.55 0 0/0.12)}:root{--settings-surface-base:var(--background);--settings-surface-raised:oklch(1 0 0);--settings-surface-overlay:oklch(1 0 0/0.97);--settings-surface-interactive:oklch(0.98 0 0);--settings-surface-interactive-hover:oklch(0.96 0 0);--settings-surface-interactive-active:oklch(0.94 0 0);--settings-surface-subtle:oklch(0.985 0 0);--settings-surface-muted:oklch(0.97 0 0);--settings-surface-inset:oklch(0.96 0.005 260);--settings-card-default:var(--card);--settings-card-hover:oklch(0.99 0.002 260);--settings-card-active:oklch(0.98 0.004 260);--settings-card-selected:oklch(0.97 0.015 260);--settings-gradient-subtle:linear-gradient(135deg,oklch(0.99 0.005 240),oklch(0.985 0.008 260) 50%,oklch(0.99 0.003 280));--settings-gradient-accent:linear-gradient(135deg,oklch(0.95 0.02 240),oklch(0.94 0.025 260) 50%,oklch(0.95 0.015 280))}.dark{--settings-surface-raised:oklch(0.22 0 0);--settings-surface-overlay:oklch(0.25 0 0/0.97);--settings-surface-interactive:oklch(0.25 0 0);--settings-surface-interactive-hover:oklch(0.28 0 0);--settings-surface-interactive-active:oklch(0.3 0 0);--settings-surface-subtle:oklch(0.18 0 0);--settings-surface-muted:oklch(0.2 0 0);--settings-surface-inset:oklch(0.16 0.005 260);--settings-card-default:oklch(0.22 0 0);--settings-card-hover:oklch(0.24 0.002 260);--settings-card-active:oklch(0.26 0.004 260);--settings-card-selected:oklch(0.25 0.02 260);--settings-gradient-subtle:linear-gradient(135deg,oklch(0.2 0.005 240),oklch(0.19 0.01 260) 50%,oklch(0.2 0.005 280));--settings-gradient-accent:linear-gradient(135deg,oklch(0.22 0.02 240),oklch(0.21 0.03 260) 50%,oklch(0.22 0.02 280))}:root{--settings-border-width-thin:1px;--settings-border-width-medium:1.5px;--settings-border-width-thick:2px;--settings-border-subtle:oklch(0.92 0.005 260);--settings-border-default:var(--border);--settings-border-emphasis:oklch(0.85 0.01 260);--settings-border-hover:oklch(0.8 0.015 260);--settings-border-focus:var(--primary);--settings-border-active:oklch(0.7 0.02 260);--settings-gradient-border:linear-gradient(135deg,oklch(0.9 0.02 240),oklch(0.85 0.04 260) 50%,oklch(0.9 0.02 280))}.dark{--settings-border-subtle:oklch(0.32 0.005 260);--settings-border-emphasis:oklch(0.4 0.01 260);--settings-border-hover:oklch(0.45 0.015 260);--settings-border-active:oklch(0.5 0.02 260);--settings-gradient-border:linear-gradient(135deg,oklch(0.35 0.02 240),oklch(0.4 0.04 260) 50%,oklch(0.35 0.02 280))}.settings-noise-texture:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;border-radius:inherit}.dark .settings-noise-texture:before{opacity:.05}@keyframes settings-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.settings-shimmer{position:relative;overflow:hidden}.settings-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,oklch(1 0 0/.1) 50%,transparent);transform:translateX(-100%);animation:settings-shimmer 1.5s ease-out forwards}.dark .settings-shimmer:after{background:linear-gradient(90deg,transparent,oklch(1 0 0/.05) 50%,transparent)}.settings-glow{position:relative}.settings-glow:before{content:"";position:absolute;inset:-2px;background:var(--settings-gradient-border);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--settings-transition-normal)}.settings-glow:hover:before{opacity:1}@keyframes settings-status-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.settings-status-dot{position:relative;width:8px;height:8px;border-radius:var(--settings-radius-full);background:currentColor}.settings-status-dot--pulse:before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;animation:settings-status-pulse 2s ease-out 1}@keyframes settings-checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.settings-checkmark{stroke-dasharray:24;stroke-dashoffset:24;animation:settings-checkmark .4s ease-out forwards;animation-delay:.2s}.settings-gradient-text{background:linear-gradient(135deg,oklch(.55 .15 240),oklch(.5 .18 260) 50%,oklch(.55 .15 280));-webkit-background-clip:text;background-clip:text;color:transparent}:root{--settings-divider-color:var(--settings-border-subtle);--settings-divider-spacing:var(--settings-content-gap)}.settings-divider{background:var(--settings-divider-color)}.settings-divider,.settings-divider--fade{height:1px;margin:var(--settings-divider-spacing) 0}.settings-divider--fade{background:linear-gradient(90deg,transparent 0,var(--settings-divider-color) 10%,var(--settings-divider-color) 90%,transparent 100%)}.settings-divider--labeled{display:flex;align-items:center;gap:1rem;color:var(--muted-foreground);font-size:var(--text-sm);margin:var(--settings-divider-spacing) 0}.settings-divider--labeled:after,.settings-divider--labeled:before{content:"";flex:1;height:1px;background:var(--settings-divider-color)}:root{--settings-progress-height:6px;--settings-progress-height-lg:8px;--settings-progress-bg:var(--settings-surface-inset);--settings-progress-fill:var(--primary)}.settings-progress{width:100%;height:var(--settings-progress-height);background:var(--settings-progress-bg);border-radius:var(--settings-radius-full);overflow:hidden}.settings-progress__bar{height:100%;background:var(--settings-progress-fill);border-radius:inherit;transition:width var(--settings-transition-slow)}.settings-progress--segmented{display:flex;gap:4px}.settings-progress--segmented .settings-progress__segment{flex:1;height:var(--settings-progress-height);background:var(--settings-progress-bg);border-radius:var(--settings-radius-sm);transition:background var(--settings-transition-normal)}.settings-progress--segmented .settings-progress__segment--active{background:var(--settings-progress-fill)}.settings-progress--segmented .settings-progress__segment--complete{background:var(--settings-status-success)}.portfolio-noise-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@keyframes error-glow{0%,to{box-shadow:0 0 0 2px rgba(239,68,68,.15)}50%{box-shadow:0 0 0 3px rgba(239,68,68,.35),0 0 24px 4px rgba(239,68,68,.18)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.db-dot-pulse{animation:dot-pulse 1.5s ease-in-out infinite}.db-error-glow{animation:error-glow 3s ease-in-out 4}@keyframes celebrate-ring{0%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.db-celebrate-ring{animation:celebrate-ring .8s ease-out}