:root,:host,s-page,body,.dash-container,.settings-page-wrapper,.products-container{--color-primary-50: #EAF1FB;--color-primary-100: #D1DFF7;--color-primary-200: #A0BCEF;--color-primary-300: #7298E8;--color-primary-400: #4773E0;--color-primary-500: #1F4FD8;--color-primary-600: #1035B9;--color-primary-700: #0724A0;--color-primary-800: #000B63;--color-primary-900: #00043C;--color-neutral-50: #F6F7FB;--color-neutral-100: #ECEEF4;--color-neutral-200: #DCDFE6;--color-neutral-300: #C7C9D1;--color-neutral-400: #9A9DA6;--color-neutral-500: #797C85;--color-neutral-600: #5A5D66;--color-neutral-700: #41444C;--color-neutral-800: #2C2F37;--color-neutral-900: #1B1E24;--bg: var(--color-neutral-50, #F6F7FB);--surface: #FFFFFF;--surface-sunken: var(--color-neutral-100, #ECEEF4);--surface-raised: #FFFFFF;--border: var(--color-neutral-200, #DCDFE6);--border-strong: var(--color-neutral-500, #797C85);--text: var(--color-neutral-900, #1B1E24);--text-muted: var(--color-neutral-600, #5A5D66);--text-on-primary: #FFFFFF;--primary: var(--color-primary-500, #1F4FD8);--primary-hover: var(--color-primary-600, #1035B9);--primary-active: var(--color-primary-700, #0724A0);--primary-tint: var(--color-primary-50, #EAF1FB);--primary-tint-strong: var(--color-primary-100, #D1DFF7);--focus-ring: var(--color-primary-400, #4773E0);--success-bg: #EDFBF5;--success-text: #1C8246;--success-solid: #2C9E61;--warning-bg: #FBF7E9;--warning-text: #9B5300;--warning-solid: #C67501;--danger-bg: #FBEFEB;--danger-text: #B41F1C;--danger-solid: #E26456;--info-bg: #ECF5FB;--info-text: #2361B8;--info-solid: #3887E0;--metal-swatch-yellow-bg: radial-gradient(at 30% 22%, rgb(255, 252, 224) 0%, rgba(255, 230, 80, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(180, 110, 0, .5) 0%, transparent 38%), linear-gradient(148deg, rgb(238, 200, 48) 0%, rgb(168, 112, 0) 28%, rgb(232, 191, 32) 46%, rgb(138, 96, 0) 63%, rgb(212, 164, 32) 80%, rgb(168, 120, 16) 100%);--metal-swatch-yellow-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-white-bg: radial-gradient(at 30% 22%, rgb(255, 255, 255) 0%, rgba(205, 205, 205, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(110, 110, 110, .4) 0%, transparent 38%), linear-gradient(148deg, rgb(224, 224, 224) 0%, rgb(136, 136, 136) 28%, rgb(210, 210, 210) 46%, rgb(112, 112, 112) 63%, rgb(202, 202, 202) 80%, rgb(144, 144, 144) 100%);--metal-swatch-white-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-rose-bg: radial-gradient(at 30% 22%, rgb(255, 238, 230) 0%, rgba(238, 170, 140, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(160, 75, 45, .45) 0%, transparent 38%), linear-gradient(148deg, rgb(232, 156, 106) 0%, rgb(160, 76, 48) 28%, rgb(220, 142, 90) 46%, rgb(136, 64, 40) 63%, rgb(200, 112, 80) 80%, rgb(160, 80, 56) 100%);--metal-swatch-rose-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-platinum-bg: radial-gradient(at 30% 22%, rgb(255, 255, 255) 0%, rgba(215, 217, 232, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(130, 133, 160, .4) 0%, transparent 38%), linear-gradient(148deg, rgb(234, 234, 245) 0%, rgb(162, 164, 190) 28%, rgb(220, 220, 232) 46%, rgb(138, 140, 170) 63%, rgb(208, 208, 226) 80%, rgb(164, 166, 192) 100%);--metal-swatch-platinum-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--spring: cubic-bezier(.32, .72, 0, 1);--ease: cubic-bezier(.32, .72, 0, 1)}[data-theme=dark]{--bg: #1B1E24;--surface: #2C2F37;--surface-sunken: #1B1E24;--surface-raised: #41444C;--border: #41444C;--border-strong: #797C85;--text: #F6F7FB;--text-muted: #9A9DA6;--text-on-primary: #1B1E24;--primary: #7298E8;--primary-hover: #85A8EB;--primary-active: #95B5EE;--primary-tint: #293557;--primary-tint-strong: #28396B;--focus-ring: #7298E8;--success-bg: #2C433F;--success-text: #72C79F;--success-solid: #2C9E61;--warning-bg: #504431;--warning-text: #F4B841;--warning-solid: #C67501;--danger-bg: #4C3136;--danger-text: #E98C7E;--danger-solid: #E26456;--info-bg: #2E3F55;--info-text: #83BBEC;--info-solid: #3887E0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:host:not([data-theme=light]),s-page:not([data-theme=light]),body:not([data-theme=light]){--bg: #1B1E24;--surface: #2C2F37;--surface-sunken: #1B1E24;--surface-raised: #41444C;--border: #41444C;--border-strong: #797C85;--text: #F6F7FB;--text-muted: #9A9DA6;--text-on-primary: #1B1E24;--primary: #7298E8;--primary-hover: #85A8EB;--primary-active: #95B5EE;--primary-tint: #293557;--primary-tint-strong: #28396B;--focus-ring: #7298E8;--success-bg: #2C433F;--success-text: #72C79F;--success-solid: #2C9E61;--warning-bg: #504431;--warning-text: #F4B841;--warning-solid: #C67501;--danger-bg: #4C3136;--danger-text: #E98C7E;--danger-solid: #E26456;--info-bg: #2E3F55;--info-text: #83BBEC;--info-solid: #3887E0}}.ts-error-root-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--surface-sunken, #ECEEF4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text, #1B1E24);box-sizing:border-box}.ts-error-card{width:100%;max-width:540px;background-color:var(--surface, #FFFFFF);border:1px solid var(--border, #DCDFE6);border-radius:12px;padding:32px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:16px;text-align:left}.ts-error-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background-color:var(--danger-bg, #FBEFEB);color:var(--danger-text, #B41F1C)}.ts-error-badge-network{background-color:var(--warning-bg, #FBF7E9);color:var(--warning-text, #9B5300)}.ts-error-title{font-size:20px;font-weight:600;line-height:28px;margin:0;color:var(--text, #1B1E24)}.ts-error-message{font-size:14px;line-height:22px;color:var(--text-muted, #5A5D66);margin:0}.ts-error-actions{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.ts-error-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;background-color:var(--primary, #1F4FD8);color:var(--text-on-primary, #FFFFFF);font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:background-color .15s ease}.ts-error-btn-primary:hover{background-color:var(--primary-hover, #1035B9)}.ts-error-btn-primary:active{background-color:var(--primary-active, #0724A0)}.ts-error-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;background-color:transparent;color:var(--text, #1B1E24);font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--border, #DCDFE6);cursor:pointer;transition:background-color .15s ease}.ts-error-btn-secondary:hover{background-color:var(--surface-sunken, #ECEEF4)}.ts-error-dev-details{margin-top:16px;border-top:1px solid var(--border, #DCDFE6);padding-top:12px}.ts-error-dev-details summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted, #5A5D66)}.ts-error-dev-pre{background:#1e1e1e;color:#f8f8f2;padding:12px;border-radius:6px;font-size:11px;overflow-x:auto;margin-top:8px;white-space:pre-wrap;word-break:break-all}