:root{--shokz-og-10:#fff5f0;--shokz-og-20:#ffd6c3;--shokz-og-30:#ffb897;--shokz-og-40:#ff996a;--shokz-og-50:#ff7a3d;--shokz-og-60:#ff6e25;--shokz-og-70:#ff6008;--shokz-og-80:#e8580e;--shokz-og-90:#d35014;--shokz-og-100:#c24a18;--shokz-gy-00:#fff;--shokz-gy-10:#f1f1f1;--shokz-gy-20:#e0e0e0;--shokz-gy-30:#c6c6c6;--shokz-gy-40:#bababa;--shokz-gy-50:#8d8d8d;--shokz-gy-60:#666;--shokz-gy-70:#525252;--shokz-gy-80:#2f2f2f;--shokz-gy-90:#262626;--shokz-gy-100:#050505;--shokz-state-success:#198038;--shokz-state-warning:#b97500;--shokz-state-danger:#da1e28;--shokz-state-success-dark:#6fdc8c;--shokz-state-warning-dark:#ffb347;--shokz-state-danger-dark:#ff8389;--bg-page:var(--shokz-gy-00);--bg-primary:var(--shokz-gy-10);--bg-secondary:var(--shokz-gy-20);--bg-tertiary:var(--shokz-gy-30);--bg-quaternary:var(--shokz-gy-50);--bg-overlay:#00000080;--font-primary:var(--shokz-gy-100);--font-secondary:var(--shokz-gy-80);--font-tertiary:var(--shokz-gy-60);--font-quaternary:var(--shokz-gy-50);--text-on-primary:#fff;--button-bg-neutral-black:var(--shokz-gy-100);--button-bg-disabled:var(--shokz-gy-30);--button-bg-brand-hover:var(--shokz-og-70);--button-bg-brand-pressed:var(--shokz-og-80);--background-blur-scrim:#c6c6c64d;--border-primary:var(--shokz-gy-10);--border-secondary:var(--shokz-gy-20);--border-divider:var(--shokz-gy-30);--border-outline:var(--shokz-og-70);--surface-status:var(--shokz-gy-10);--border-danger:var(--shokz-state-danger);--focus-ring:var(--shokz-og-100);--text-success:var(--shokz-state-success);--text-warning:var(--shokz-state-warning);--text-danger:var(--shokz-state-danger);--font-family-display:"Shokz Sans Display", "Shokz Sans Text", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-family-text:"Shokz Sans Text", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-family-product:"Shokz Sans Product Name", var(--font-family-display);--font-size-body-lg:18px;--font-size-body:14px;--font-size-caption:12px;--font-size-h4:20px;--font-size-h3:24px;--font-size-h2:32px;--space-01:2px;--space-02:4px;--space-03:8px;--space-04:12px;--space-05:16px;--space-06:24px;--space-07:32px;--space-08:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}html.dark{--bg-page:var(--shokz-gy-100);--bg-primary:var(--shokz-gy-90);--bg-secondary:var(--shokz-gy-80);--bg-tertiary:var(--shokz-gy-70);--bg-quaternary:var(--shokz-gy-60);--bg-overlay:#00000080;--font-primary:var(--shokz-gy-00);--font-secondary:var(--shokz-gy-20);--font-tertiary:var(--shokz-gy-40);--font-quaternary:var(--shokz-gy-50);--text-on-primary:#fff;--button-bg-neutral-black:var(--shokz-gy-00);--button-bg-disabled:var(--shokz-gy-70);--background-blur-scrim:#05050566;--border-primary:var(--shokz-gy-90);--border-secondary:var(--shokz-gy-80);--border-divider:var(--shokz-gy-70);--surface-status:var(--shokz-gy-80);--border-danger:var(--shokz-state-danger-dark);--text-success:var(--shokz-state-success-dark);--text-warning:var(--shokz-state-warning-dark);--text-danger:var(--shokz-state-danger-dark)}html:root{--el-color-primary:var(--shokz-og-70);--el-color-primary-light-3:var(--shokz-og-50);--el-color-primary-light-5:var(--shokz-og-40);--el-color-primary-light-7:var(--shokz-og-30);--el-color-primary-light-8:var(--shokz-og-20);--el-color-primary-light-9:var(--shokz-og-10);--el-color-primary-dark-2:var(--shokz-og-80);--el-color-success:var(--text-success);--el-color-warning:var(--text-warning);--el-color-danger:var(--text-danger);--el-color-error:var(--text-danger);--el-color-info:var(--font-tertiary);--el-text-color-primary:var(--font-primary);--el-text-color-regular:var(--font-secondary);--el-text-color-secondary:var(--font-tertiary);--el-text-color-placeholder:var(--font-quaternary);--el-text-color-disabled:var(--font-quaternary);--el-border-color:var(--border-secondary);--el-border-color-light:var(--border-secondary);--el-border-color-lighter:var(--border-primary);--el-border-color-extra-light:var(--border-primary);--el-border-color-dark:var(--border-divider);--el-border-color-darker:var(--border-divider);--el-bg-color:var(--bg-primary);--el-bg-color-page:var(--bg-page);--el-bg-color-overlay:var(--bg-page);--el-fill-color-blank:var(--bg-page);--el-fill-color:var(--bg-secondary);--el-fill-color-light:var(--bg-primary);--el-fill-color-lighter:var(--bg-primary);--el-fill-color-dark:var(--bg-secondary);--el-fill-color-darker:var(--bg-tertiary);--el-mask-color:var(--bg-overlay);--el-font-family:var(--font-family-text);--el-font-size-base:var(--font-size-body);--el-font-size-small:var(--font-size-caption);--el-border-radius-base:var(--radius-sm);--el-border-radius-round:999px;--el-disabled-bg-color:var(--button-bg-disabled);--el-disabled-text-color:var(--font-quaternary);--el-disabled-border-color:var(--border-divider)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.status-surface{background:var(--surface-status);border-radius:var(--radius-sm)}html.dark .status-surface{border:1px solid var(--border-divider)}.btn-neutral.el-button{--el-button-bg-color:var(--button-bg-neutral-black);--el-button-border-color:var(--button-bg-neutral-black);--el-button-text-color:var(--text-on-primary);--el-button-hover-bg-color:var(--shokz-gy-80);--el-button-hover-border-color:var(--shokz-gy-80);--el-button-hover-text-color:var(--text-on-primary);--el-button-active-bg-color:var(--shokz-gy-90);--el-button-active-border-color:var(--shokz-gy-90)}html.dark .btn-neutral.el-button{--el-button-text-color:var(--shokz-gy-100);--el-button-hover-bg-color:var(--shokz-gy-20);--el-button-hover-border-color:var(--shokz-gy-20);--el-button-hover-text-color:var(--shokz-gy-100);--el-button-active-bg-color:var(--shokz-gy-30);--el-button-active-border-color:var(--shokz-gy-30)}:root{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-fast:.18s;--duration-normal:.32s;--duration-slow:.52s;--glow-brand:0 0 24px color-mix(in srgb, var(--shokz-og-70) 35%, transparent);--glow-brand-soft:0 0 40px color-mix(in srgb, var(--shokz-og-70) 12%, transparent);--gradient-brand-edge:linear-gradient(135deg, color-mix(in srgb, var(--shokz-og-70) 85%, transparent) 0%, color-mix(in srgb, var(--shokz-og-40) 40%, transparent) 100%);--gradient-page-mesh:radial-gradient(ellipse 80% 60% at 10% 0%, color-mix(in srgb, var(--shokz-og-70) 8%, transparent), transparent 55%), radial-gradient(ellipse 60% 50% at 90% 100%, color-mix(in srgb, var(--shokz-og-50) 6%, transparent), transparent 50%)}@keyframes fade-up{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer-line{0%{background-position:200%}to{background-position:-200%}}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(24px,24px)}}@keyframes pulse-glow{0%,to{opacity:.45}50%{opacity:.85}}.animate-in{animation:fade-up var(--duration-normal) var(--ease-out-expo) both}.animate-fade{animation:fade-in var(--duration-normal) var(--ease-out-expo) both}.el-overlay-dialog{padding:5vh var(--space-05);justify-content:center;align-items:center;display:flex;overflow:auto}.el-dialog{--el-dialog-margin-top:0;width:var(--el-dialog-width,50%);border:1px solid var(--border-secondary);max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 24px 48px color-mix(in srgb, var(--shokz-gy-100) 18%, transparent), var(--glow-brand-soft);flex-direction:column;display:flex;margin:0 auto!important}.el-dialog__header{padding-bottom:var(--space-03);border-bottom:1px solid var(--border-primary);flex-shrink:0;margin-right:0}.el-dialog__body{min-height:80px;padding-top:var(--space-05);flex:auto;overflow-y:auto}.el-dialog__footer{padding-top:var(--space-04);border-top:1px solid var(--border-primary);flex-shrink:0}.el-drawer__body{overflow-y:auto}.el-button{transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast) ease, border-color var(--duration-fast) ease}.el-button:not(:disabled):active{transform:scale(.98)}.btn-neutral.el-button:not(:disabled):hover{box-shadow:var(--glow-brand-soft)}.el-card{border:1px solid var(--border-secondary);transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), border-color var(--duration-normal) ease}.el-card.is-hover-shadow:hover,.el-card.is-always-shadow{border-color:color-mix(in srgb, var(--shokz-og-70) 35%, var(--border-secondary))}.el-table{--el-table-row-hover-bg-color:color-mix(in srgb, var(--shokz-og-70) 6%, var(--bg-primary))}.el-table .el-table__body tr{transition:background-color var(--duration-fast) ease}.el-table .el-table__row{cursor:default}.el-table .el-table__row.el-table__row--striped{transition:background-color var(--duration-fast) ease}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{transition:box-shadow var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) ease}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px color-mix(in srgb, var(--shokz-og-70) 40%, transparent), var(--glow-brand-soft)}.el-drawer{border-left:1px solid var(--border-secondary)}.page-callout{margin:0 0 var(--space-05);padding:var(--space-04) var(--space-05);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--shokz-og-70) 24%, var(--border-secondary));background:color-mix(in srgb, var(--shokz-og-70) 6%, var(--bg-primary));color:var(--font-secondary);font-size:var(--font-size-body);line-height:1.5}.page-callout.warning{border-color:color-mix(in srgb, var(--text-warning) 35%, var(--border-secondary));background:color-mix(in srgb, var(--text-warning) 10%, var(--bg-primary));color:var(--font-secondary)}.page-callout.danger{border-color:color-mix(in srgb, var(--text-danger) 35%, var(--border-secondary));background:color-mix(in srgb, var(--text-danger) 8%, var(--bg-primary));color:var(--font-secondary)}.page-table-wrap{flex:1;min-height:280px}.page-table-wrap .el-table{width:100%}.el-menu-item{transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, padding-left var(--duration-normal) var(--ease-out-expo)}.el-pagination button,.el-pagination .el-pager li{transition:all var(--duration-fast) var(--ease-out-expo)}.toolbar{animation:fade-up var(--duration-normal) var(--ease-out-expo) both}.pager{animation:fade-in var(--duration-slow) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#app{min-height:100%;font-family:var(--font-family-text);font-size:var(--font-size-body);background:var(--bg-page);color:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-family:var(--font-family-display);color:var(--font-primary);font-weight:500}