:root{--primary: #007AFF;--primary-light: rgba(0, 122, 255, .08);--primary-dark: #0056CC;--bg: #f2f2f7;--card-bg: rgba(255, 255, 255, .72);--text: #1c1c1e;--text-secondary: #4b5563;--text-tertiary: #626a76;--success: #147a42;--warning: #925600;--danger: #c62828;--border: rgba(0, 0, 0, .08);--radius: 20px;--radius-sm: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--header-height: 56px;--max-width: 1200px;--font: -apple-system, "Helvetica Neue", "SF Pro Text", "Microsoft YaHei", sans-serif;--blur: 14px;--saturate: 1.8;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--duration-press: .14s;--duration-fast: .18s;--duration-ui: .22s;--body-text: var(--text);--body-muted: var(--text-secondary);--body-subtle: var(--text-tertiary);--link-text: #0056cc;--link-hover: #003f99;--cta-start: #486b86;--cta-end: #3f6180;--cta-hover-start: #3d5e77;--cta-hover-end: #365674;--cta-text: #ffffff;--brand-gradient: linear-gradient(135deg, var(--cta-start), var(--cta-end));--brand-gradient-hover: linear-gradient(135deg, var(--cta-hover-start), var(--cta-hover-end));--button-primary-bg: linear-gradient(180deg, #dff3e7 0%, #c9e8d5 100%);--button-primary-hover-bg: linear-gradient(180deg, #e4f5eb 0%, #ceeada 100%);--button-primary-active-bg: linear-gradient(180deg, #cfe9d9 0%, #badcc7 100%);--button-primary-border: #9ac9ad;--button-primary-hover-border: #76b38e;--button-primary-text: #174c37;--button-primary-separator: rgba(23, 76, 55, .22);--button-primary-hover-overlay: rgba(23, 76, 55, .055);--button-primary-pressed-overlay: rgba(23, 76, 55, .1);--button-primary-text-shadow: none;--button-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 2px rgba(17, 60, 42, .1), 0 3px 8px rgba(17, 60, 42, .08);--button-primary-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(17, 60, 42, .1), 0 4px 10px rgba(17, 60, 42, .12);--button-primary-shadow-active: inset 0 1px 2px rgba(23, 76, 55, .15), 0 1px 3px rgba(17, 60, 42, .1);--button-primary-spinner-track: rgba(23, 76, 55, .24);--button-primary-spinner-head: #174c37;--button-secondary-bg: color-mix(in srgb, var(--card-bg) 92%, var(--text) 8%);--button-secondary-hover-bg: color-mix(in srgb, var(--card-bg) 88%, var(--cta-end) 12%);--button-secondary-active-bg: color-mix(in srgb, var(--card-bg) 82%, var(--cta-end) 18%);--button-secondary-border: color-mix(in srgb, var(--border) 72%, var(--text-secondary) 28%);--button-secondary-hover-border: color-mix(in srgb, var(--border) 58%, var(--cta-end) 42%);--button-secondary-text: var(--text-secondary);--button-danger-fg: #8b3f46;--button-danger-bg: #8b454b;--button-danger-hover-bg: #783a40;--button-danger-soft: color-mix(in srgb, var(--button-danger-fg) 9%, transparent);--button-warning-fg: #765820;--button-warning-bg: #765f34;--button-warning-hover-bg: #654f2a;--button-warning-soft: color-mix(in srgb, var(--button-warning-fg) 9%, transparent);--button-success-fg: #35634d;--button-success-bg: #3f6852;--button-success-hover-bg: #365b48;--button-success-soft: color-mix(in srgb, var(--button-success-fg) 9%, transparent);--button-info-fg: #4d5d6b;--button-info-bg: #4d5d6b;--button-info-hover-bg: #414f5c;--button-info-soft: color-mix(in srgb, var(--button-info-fg) 9%, transparent);--button-disabled-opacity: .52;--button-focus-ring: 0 0 0 2px var(--card-bg), 0 0 0 4px #66a982;--focus-ring: 0 0 0 3px var(--input-focus-ring);--surface-raised: color-mix(in srgb, var(--card-bg) 92%, var(--text) 8%);--surface-muted: color-mix(in srgb, var(--bg) 94%, var(--text) 6%);--shadow-raised: 0 14px 38px color-mix(in srgb, var(--text) 10%, transparent);--shadow-floating: 0 24px 70px color-mix(in srgb, var(--text) 16%, transparent);--control-radius: 11px;--control-height: 42px;--bg-primary: var(--bg);--bg-secondary: var(--surface-muted);--text-primary: var(--text);--border-color: var(--border);--warning-light: color-mix(in srgb, var(--warning) 10%, transparent);--warning-border: color-mix(in srgb, var(--warning) 32%, transparent);--warning-text: var(--warning);--header-bg: rgba(255, 255, 255, .82);--header-border: rgba(15, 23, 42, .1);--header-text: #17171a;--header-text-dim: #515866;--header-hover: rgba(15, 23, 42, .055);--header-hover-strong: rgba(15, 23, 42, .095);--header-dropdown-bg: rgba(255, 255, 255, .96);--header-link: #0056cc;--auth-color-scheme: light;--auth-page-bg: linear-gradient(135deg, #f8f9ff 0%, #eeeaff 50%, #edf6ff 100%);--auth-card-bg: rgba(255, 255, 255, .78);--auth-card-solid: #ffffff;--auth-card-border: rgba(37, 46, 72, .13);--auth-control-bg: rgba(246, 248, 252, .86);--auth-control-hover: rgba(255, 255, 255, .96);--auth-control-border: rgba(37, 46, 72, .16);--auth-text: #1d2230;--auth-text-secondary: #556070;--auth-text-tertiary: #6b7483;--auth-placeholder: #6b7483;--auth-accent: #005ec4;--auth-accent-strong: #004a9f;--auth-accent-soft: rgba(0, 94, 196, .1);--auth-focus-ring: rgba(0, 94, 196, .22);--auth-divider: rgba(37, 46, 72, .14);--auth-shape-opacity: .1;--auth-shape-saturate: .95;--auth-saturate: 1.2;--auth-shadow: 0 24px 70px rgba(48, 55, 86, .16), 0 3px 12px rgba(48, 55, 86, .08);--auth-blur: 24px;--page-bg: linear-gradient(180deg, #f9f9fc 0%, #f2f2f7 40%, #ededf2 100%);--hero-text: #1c1c1e;--hero-text-secondary: #374151;--hero-badge-bg: rgba(0, 0, 0, .06);--hero-badge-border: rgba(0, 0, 0, .1);--hero-feat-bg: rgba(0, 0, 0, .05);--hero-feat-border: rgba(0, 0, 0, .1);--hero-feat-hover: rgba(0, 122, 255, .08);--hero-btn-secondary: rgba(0, 0, 0, .05);--hero-btn-secondary-border: rgba(0, 0, 0, .1);--hero-btn-secondary-hover: rgba(0, 0, 0, .08);--hero-shape-opacity: .06;--hero-shape-saturate: 1;--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(0, 0, 0, .06);--glass-hover: rgba(0, 0, 0, .04);--input-bg: rgba(0, 0, 0, .025);--input-border: rgba(0, 0, 0, .08);--input-focus-border: #007AFF;--input-focus-ring: color-mix(in srgb, var(--primary-dark) 78%, var(--text) 22%);--avatar-bg: linear-gradient(135deg, #5856D6, #007AFF);--avatar-text: #ffffff;--role-bg: rgba(88, 86, 214, .08);--role-border: rgba(88, 86, 214, .15);--role-text: #5856D6;--danger-text: #dc2626;--danger-border: rgba(220, 38, 38, .2);--danger-hover: rgba(220, 38, 38, .06);--el-color-primary: #007AFF;--el-color-success: var(--success);--el-color-warning: var(--warning);--el-color-danger: var(--danger);--el-color-error: var(--danger);--el-color-info: #4b5563;--el-color-primary-light-3: #3395ff;--el-color-primary-light-5: #66b0ff;--el-color-primary-light-7: #99ccff;--el-color-primary-light-9: #cce5ff;--el-color-primary-dark-2: #0062cc;--el-color-success-light-3: #25864f;--el-color-success-light-5: #89bda0;--el-color-success-light-7: #b9dac6;--el-color-success-light-8: #d2e8da;--el-color-success-light-9: #eaf4ed;--el-color-success-dark-2: #0f6536;--el-color-warning-light-3: #a7650c;--el-color-warning-light-5: #c8aa80;--el-color-warning-light-7: #dfccb2;--el-color-warning-light-8: #eadecd;--el-color-warning-light-9: #f5eee5;--el-color-warning-dark-2: #744400;--el-color-danger-light-3: #d43b3b;--el-color-danger-light-5: #e39494;--el-color-danger-light-7: #efbcbc;--el-color-danger-light-8: #f5d5d5;--el-color-danger-light-9: #faecec;--el-color-danger-dark-2: #a92020;--el-color-error-light-3: var(--el-color-danger-light-3);--el-color-error-light-5: var(--el-color-danger-light-5);--el-color-error-light-7: var(--el-color-danger-light-7);--el-color-error-light-8: var(--el-color-danger-light-8);--el-color-error-light-9: var(--el-color-danger-light-9);--el-color-error-dark-2: var(--el-color-danger-dark-2);--el-color-info-light-3: #626c79;--el-color-info-light-5: #9298a0;--el-color-info-light-7: #bcc0c5;--el-color-info-light-8: #d1d4d7;--el-color-info-light-9: #e8e9eb;--el-color-info-dark-2: #3a414b;--el-bg-color: #f2f2f7;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #1c1c1e;--el-text-color-regular: #4b5563;--el-text-color-secondary: #626a76;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-fill-color: #f0f2f5;--el-fill-color-light: #f5f7fa;--el-fill-color-lighter: #fafafa;--el-fill-color-dark: #e6e8eb;--el-fill-color-blank: #ffffff}[data-theme=light]{--primary: #007AFF;--primary-light: rgba(0, 122, 255, .08);--primary-dark: #0056CC;--bg: #f2f2f7;--card-bg: rgba(255, 255, 255, .72);--text: #1c1c1e;--text-secondary: #4b5563;--text-tertiary: #626a76;--success: #147a42;--warning: #925600;--danger: #c62828;--border: rgba(0, 0, 0, .08);--radius: 20px;--radius-sm: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--header-height: 56px;--max-width: 1200px;--font: -apple-system, "Helvetica Neue", "SF Pro Text", "Microsoft YaHei", sans-serif;--blur: 14px;--saturate: 1.8;--link-text: #0056cc;--link-hover: #003f99;--cta-start: #486b86;--cta-end: #3f6180;--cta-hover-start: #3d5e77;--cta-hover-end: #365674;--button-danger-fg: #8b3f46;--button-danger-bg: #8b454b;--button-danger-hover-bg: #783a40;--button-warning-fg: #765820;--button-warning-bg: #765f34;--button-warning-hover-bg: #654f2a;--button-success-fg: #35634d;--button-success-bg: #3f6852;--button-success-hover-bg: #365b48;--button-info-fg: #4d5d6b;--button-info-bg: #4d5d6b;--button-info-hover-bg: #414f5c;--header-bg: rgba(255, 255, 255, .82);--header-border: rgba(15, 23, 42, .1);--header-text: #17171a;--header-text-dim: #515866;--header-hover: rgba(15, 23, 42, .055);--header-hover-strong: rgba(15, 23, 42, .095);--header-dropdown-bg: rgba(255, 255, 255, .96);--header-link: #0056cc;--page-bg: linear-gradient(180deg, #f9f9fc 0%, #f2f2f7 40%, #ededf2 100%);--hero-text: #1c1c1e;--hero-text-secondary: #374151;--hero-badge-bg: rgba(0, 0, 0, .06);--hero-badge-border: rgba(0, 0, 0, .1);--hero-feat-bg: rgba(0, 0, 0, .05);--hero-feat-border: rgba(0, 0, 0, .1);--hero-feat-hover: rgba(0, 122, 255, .08);--hero-btn-secondary: rgba(0, 0, 0, .05);--hero-btn-secondary-border: rgba(0, 0, 0, .1);--hero-btn-secondary-hover: rgba(0, 0, 0, .08);--hero-shape-opacity: .06;--hero-shape-saturate: 1;--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(0, 0, 0, .06);--glass-hover: rgba(0, 0, 0, .04);--input-bg: rgba(0, 0, 0, .025);--input-border: rgba(0, 0, 0, .08);--input-focus-border: #007AFF;--input-focus-ring: color-mix(in srgb, var(--primary-dark) 78%, var(--text) 22%);--avatar-bg: linear-gradient(135deg, #5856D6, #007AFF);--avatar-text: #ffffff;--role-bg: rgba(88, 86, 214, .08);--role-border: rgba(88, 86, 214, .15);--role-text: #5856D6;--danger-text: #dc2626;--danger-border: rgba(220, 38, 38, .2);--danger-hover: rgba(220, 38, 38, .06);--el-color-primary: #007AFF;--el-color-primary-light-3: #3395ff;--el-color-primary-light-5: #66b0ff;--el-color-primary-light-7: #99ccff;--el-color-primary-light-9: #cce5ff;--el-color-primary-dark-2: #0062cc;--el-bg-color: #f2f2f7;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #1c1c1e;--el-text-color-regular: #4b5563;--el-text-color-secondary: #626a76;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-fill-color: #f0f2f5;--el-fill-color-light: #f5f7fa;--el-fill-color-lighter: #fafafa;--el-fill-color-dark: #e6e8eb;--el-fill-color-blank: #ffffff}[data-theme=dark]{--primary: #0A84FF;--primary-light: rgba(10, 132, 255, .12);--primary-dark: #0066CC;--bg: #0a0a0c;--card-bg: rgba(28, 28, 30, .72);--text: #f0f0f5;--text-secondary: #b0b3c0;--text-tertiary: #7c7e8c;--success: #55d68a;--warning: #f6b84b;--danger: #ff6b6b;--border: rgba(255, 255, 255, .1);--radius: 20px;--radius-sm: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .25);--header-height: 56px;--max-width: 1200px;--font: -apple-system, "Helvetica Neue", "SF Pro Text", "Microsoft YaHei", sans-serif;--blur: 14px;--saturate: 2;--link-text: #66b0ff;--link-hover: #a8d4ff;--cta-start: #4f7291;--cta-end: #466b8e;--cta-hover-start: #5a7f9f;--cta-hover-end: #52789d;--button-primary-bg: linear-gradient(135deg, #87c6ff 0%, #5ea4ed 100%);--button-primary-hover-bg: linear-gradient(135deg, #98d1ff 0%, #6fb1f4 100%);--button-primary-active-bg: linear-gradient(135deg, #76b9f4 0%, #539bdf 100%);--button-primary-border: rgba(178, 218, 255, .82);--button-primary-hover-border: #c2e3ff;--button-primary-text: #071522;--button-primary-separator: rgba(7, 21, 34, .24);--button-primary-hover-overlay: rgba(255, 255, 255, .11);--button-primary-pressed-overlay: rgba(7, 21, 34, .12);--button-primary-text-shadow: 0 1px 0 rgba(255, 255, 255, .34);--button-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .52), 0 0 0 1px rgba(72, 155, 235, .18), 0 6px 18px rgba(20, 105, 190, .34);--button-primary-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .64), 0 0 0 1px rgba(114, 190, 255, .26), 0 8px 22px rgba(20, 105, 190, .42);--button-primary-shadow-active: inset 0 2px 4px rgba(7, 37, 65, .2), 0 2px 7px rgba(20, 105, 190, .3);--button-primary-spinner-track: rgba(7, 21, 34, .24);--button-primary-spinner-head: #071522;--button-focus-ring: 0 0 0 2px var(--card-bg), 0 0 0 4px #87c6ff;--button-danger-fg: #e1a0a5;--button-danger-bg: #8a4b53;--button-danger-hover-bg: #985760;--button-warning-fg: #d7bc83;--button-warning-bg: #756038;--button-warning-hover-bg: #856f46;--button-success-fg: #95c5aa;--button-success-bg: #466b58;--button-success-hover-bg: #537966;--button-info-fg: #b0bac4;--button-info-bg: #566473;--button-info-hover-bg: #637180;--header-bg: rgba(15, 15, 26, .85);--header-border: rgba(255, 255, 255, .1);--header-text: #f7f7fb;--header-text-dim: #b8bac7;--header-hover: rgba(255, 255, 255, .08);--header-hover-strong: rgba(255, 255, 255, .14);--header-dropdown-bg: rgba(20, 20, 34, .96);--header-link: #8fc5ff;--auth-color-scheme: dark;--auth-page-bg: linear-gradient(135deg, #0f0f1a 0%, #1a1040 50%, #0a1628 100%);--auth-card-bg: rgba(20, 22, 38, .76);--auth-card-solid: #171927;--auth-card-border: rgba(255, 255, 255, .12);--auth-control-bg: rgba(255, 255, 255, .07);--auth-control-hover: rgba(255, 255, 255, .11);--auth-control-border: rgba(255, 255, 255, .15);--auth-text: #f7f7fb;--auth-text-secondary: #c3c5d2;--auth-text-tertiary: #a7a9b7;--auth-placeholder: #9ea1b2;--auth-accent: #8fc5ff;--auth-accent-strong: #b8dcff;--auth-accent-soft: rgba(143, 197, 255, .13);--auth-focus-ring: rgba(143, 197, 255, .3);--auth-divider: rgba(255, 255, 255, .13);--auth-shape-opacity: .16;--auth-shape-saturate: 1.4;--auth-saturate: 1.35;--auth-shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 3px 14px rgba(0, 0, 0, .28);--auth-blur: 24px;--page-bg: linear-gradient(180deg, #1c1c1e 0%, #0a0a0c 40%, #0a0a0c 100%);--hero-text: #f0f0f5;--hero-text-secondary: #c0c4d0;--hero-badge-bg: rgba(255, 255, 255, .08);--hero-badge-border: rgba(255, 255, 255, .12);--hero-feat-bg: rgba(255, 255, 255, .08);--hero-feat-border: rgba(255, 255, 255, .12);--hero-feat-hover: rgba(10, 132, 255, .12);--hero-btn-secondary: rgba(255, 255, 255, .08);--hero-btn-secondary-border: rgba(255, 255, 255, .14);--hero-btn-secondary-hover: rgba(255, 255, 255, .12);--hero-shape-opacity: .12;--hero-shape-saturate: 1.4;--glass-bg: rgba(28, 28, 30, .68);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--input-focus-border: #0A84FF;--input-focus-ring: color-mix(in srgb, #66b0ff 84%, var(--text) 16%);--avatar-bg: linear-gradient(135deg, #5856D6, #0A84FF);--avatar-text: #ffffff;--role-bg: rgba(120, 118, 232, .12);--role-border: rgba(120, 118, 232, .2);--role-text: #b5b3f0;--danger-text: #ef4444;--danger-border: rgba(239, 68, 68, .3);--danger-hover: rgba(239, 68, 68, .08);--el-color-primary: #0874df;--el-color-primary-light-3: #2c87e2;--el-color-primary-light-5: color-mix(in srgb, #0874df 52%, #1c1c1e);--el-color-primary-light-7: color-mix(in srgb, #0a84ff 32%, #1c1c1e);--el-color-primary-light-8: color-mix(in srgb, #0a84ff 22%, #1c1c1e);--el-color-primary-light-9: color-mix(in srgb, #0a84ff 14%, #1c1c1e);--el-color-primary-dark-2: #005fb8;--el-color-success: #147a42;--el-color-success-light-3: #25864f;--el-color-success-light-5: color-mix(in srgb, #147a42 52%, #1c1c1e);--el-color-success-light-7: color-mix(in srgb, #55d68a 32%, #1c1c1e);--el-color-success-light-8: color-mix(in srgb, #55d68a 22%, #1c1c1e);--el-color-success-light-9: color-mix(in srgb, #55d68a 14%, #1c1c1e);--el-color-success-dark-2: #0f6536;--el-color-warning: #925600;--el-color-warning-light-3: #a7650c;--el-color-warning-light-5: color-mix(in srgb, #925600 52%, #1c1c1e);--el-color-warning-light-7: color-mix(in srgb, #f6b84b 32%, #1c1c1e);--el-color-warning-light-8: color-mix(in srgb, #f6b84b 22%, #1c1c1e);--el-color-warning-light-9: color-mix(in srgb, #f6b84b 14%, #1c1c1e);--el-color-warning-dark-2: #744400;--el-color-danger: #c62828;--el-color-danger-light-3: #d43b3b;--el-color-danger-light-5: color-mix(in srgb, #c62828 52%, #1c1c1e);--el-color-danger-light-7: color-mix(in srgb, #ff6b6b 32%, #1c1c1e);--el-color-danger-light-8: color-mix(in srgb, #ff6b6b 22%, #1c1c1e);--el-color-danger-light-9: color-mix(in srgb, #ff6b6b 14%, #1c1c1e);--el-color-danger-dark-2: #a92020;--el-color-error: var(--el-color-danger);--el-color-error-light-3: var(--el-color-danger-light-3);--el-color-error-light-5: var(--el-color-danger-light-5);--el-color-error-light-7: var(--el-color-danger-light-7);--el-color-error-light-8: var(--el-color-danger-light-8);--el-color-error-light-9: var(--el-color-danger-light-9);--el-color-error-dark-2: var(--el-color-danger-dark-2);--el-color-info: #4b5563;--el-color-info-light-3: #626c79;--el-color-info-light-5: color-mix(in srgb, #4b5563 52%, #1c1c1e);--el-color-info-light-7: color-mix(in srgb, #b0b3c0 32%, #1c1c1e);--el-color-info-light-8: color-mix(in srgb, #b0b3c0 22%, #1c1c1e);--el-color-info-light-9: color-mix(in srgb, #b0b3c0 14%, #1c1c1e);--el-color-info-dark-2: #3a414b;--el-bg-color: #0a0a0c;--el-bg-color-overlay: #1c1c1e;--el-text-color-primary: #f0f0f5;--el-text-color-regular: #b0b3c0;--el-text-color-secondary: #7c7e8c;--el-border-color: #3a3a3d;--el-border-color-light: #2c2c2e;--el-border-color-lighter: #1c1c1e;--el-fill-color: #1c1c1e;--el-fill-color-light: #262628;--el-fill-color-lighter: #1a1a1c;--el-fill-color-dark: #333336;--el-fill-color-blank: #0a0a0c}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;overflow-x:hidden;padding-top:var(--header-height);background:var(--bg);color:var(--body-text);font-family:var(--font);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-page{--text: var(--auth-text);--text-secondary: var(--auth-text-secondary);--text-tertiary: var(--auth-text-tertiary);--body-text: var(--auth-text);--body-muted: var(--auth-text-secondary);--body-subtle: var(--auth-text-tertiary);--link-text: var(--auth-accent);--link-hover: var(--auth-accent-strong);--primary: var(--auth-accent);--primary-dark: var(--auth-accent-strong);--primary-light: var(--auth-accent-soft);--page-bg: var(--auth-page-bg);--card-bg: var(--auth-card-bg);--glass-bg: var(--auth-card-bg);--glass-border: var(--auth-card-border);--glass-hover: var(--auth-control-hover);--input-bg: var(--auth-control-bg);--input-border: var(--auth-control-border);--input-focus-border: var(--auth-accent);--input-focus-ring: var(--auth-focus-ring);--border: var(--auth-card-border);--shadow: var(--auth-shadow);--blur: var(--auth-blur);--saturate: var(--auth-saturate);--hero-shape-opacity: var(--auth-shape-opacity);--hero-shape-saturate: var(--auth-shape-saturate);--el-color-primary: var(--auth-accent);--el-text-color-primary: var(--auth-text);--el-text-color-regular: var(--auth-text-secondary);--el-text-color-placeholder: var(--auth-placeholder);--el-border-color: var(--auth-control-border);--el-border-color-light: var(--auth-card-border);--el-fill-color: var(--auth-control-bg);--el-fill-color-light: var(--auth-control-hover);--el-fill-color-blank: var(--auth-control-bg);color:var(--auth-text)}.auth-config-status{display:flex;min-height:132px;align-items:center;justify-content:center;gap:10px;padding:22px;border:1px solid var(--auth-card-border);border-radius:var(--radius-sm);background:var(--auth-control-bg);color:var(--auth-text-secondary);text-align:center}.auth-config-status.is-error{flex-direction:column;border-color:#ff6b6b57}.auth-config-status p{margin:0}.auth-status-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--auth-text);border-radius:50%;animation:auth-spin .7s linear infinite}.auth-config-retry{min-height:40px;padding:0 18px;border:1px solid var(--auth-control-border);border-radius:10px;background:var(--auth-control-hover);color:var(--auth-text);cursor:pointer;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-press) var(--ease-out)}.auth-config-retry:active{transform:scale(.97)}.auth-config-retry:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}@keyframes auth-spin{to{transform:rotate(360deg)}}button,input,textarea,select{font:inherit}button,[role=button],a{-webkit-tap-highlight-color:transparent}button:disabled,[aria-disabled=true]{cursor:not-allowed}a{color:var(--link-text);text-decoration:none;transition:color var(--duration-fast) ease}img{max-width:100%;height:auto}ul{list-style:none}::selection{background:color-mix(in srgb,var(--primary) 24%,transparent);color:var(--text)}:focus-visible{outline:3px solid var(--input-focus-ring);outline-offset:3px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-right:clamp(16px,3vw,28px);padding-left:clamp(16px,3vw,28px)}.txt-ov{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.btn-primary{min-height:var(--control-height);padding:0 22px;border:1px solid var(--button-primary-border);border-radius:var(--control-radius);background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--button-primary-text);cursor:pointer;font-size:14px;font-weight:650;transition:transform var(--duration-press) var(--ease-out),border-color var(--duration-fast) ease,box-shadow var(--duration-fast) var(--ease-out)}.btn-primary:active:not(:disabled){border-color:var(--button-primary-hover-border);background:var(--button-primary-active-bg);box-shadow:var(--button-primary-shadow-active);transform:scale(.97)}.btn-primary:focus-visible{outline:none;box-shadow:var(--button-primary-shadow),var(--button-focus-ring)}.el-button{min-height:36px;border-radius:10px;font-weight:600;transition:transform var(--duration-press) var(--ease-out),color var(--duration-fast) ease,border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,box-shadow var(--duration-fast) var(--ease-out)}.el-button:active:not(.is-disabled){transform:scale(.97)}.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.is-text):not(.is-link):not(.is-plain){--el-button-text-color: var(--button-secondary-text);--el-button-bg-color: var(--button-secondary-bg);--el-button-border-color: var(--button-secondary-border);--el-button-hover-text-color: var(--link-text);--el-button-hover-bg-color: var(--button-secondary-hover-bg);--el-button-hover-border-color: var(--button-secondary-hover-border);--el-button-active-text-color: var(--link-hover);--el-button-active-bg-color: var(--button-secondary-active-bg);--el-button-active-border-color: var(--button-secondary-hover-border);--el-button-disabled-text-color: var(--text-tertiary);--el-button-disabled-bg-color: var(--surface-muted);--el-button-disabled-border-color: var(--border)}.auth-page .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.is-text):not(.is-link):not(.is-plain){--el-button-text-color: var(--auth-text-secondary);--el-button-bg-color: var(--auth-control-bg);--el-button-border-color: var(--auth-control-border);--el-button-hover-text-color: var(--auth-accent);--el-button-hover-bg-color: var(--auth-accent-soft);--el-button-hover-border-color: var(--auth-accent);--el-button-active-text-color: var(--auth-text);--el-button-active-bg-color: var(--auth-control-hover);--el-button-active-border-color: var(--auth-accent-strong);--el-button-disabled-text-color: var(--auth-text-secondary);--el-button-disabled-bg-color: var(--auth-control-bg);--el-button-disabled-border-color: var(--auth-control-border)}.auth-page .el-button.is-disabled:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.is-text):not(.is-link):not(.is-plain){opacity:var(--button-disabled-opacity)}.el-button--primary:not(.is-text):not(.is-link):not(.is-plain){--el-button-bg-color: transparent;--el-button-border-color: var(--button-primary-border);--el-button-hover-bg-color: transparent;--el-button-hover-border-color: var(--button-primary-hover-border);--el-button-active-bg-color: transparent;--el-button-active-border-color: var(--button-primary-hover-border);--el-button-text-color: var(--button-primary-text);--el-button-hover-text-color: var(--button-primary-text);--el-button-active-text-color: var(--button-primary-text);--el-button-disabled-text-color: var(--button-primary-text);--el-button-loading-icon-color: var(--button-primary-spinner-head);border-color:var(--button-primary-border);background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--button-primary-text)}.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):active:not(.is-disabled){background:var(--button-primary-active-bg);border-color:var(--button-primary-hover-border);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow-active)}.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):focus-visible{outline:none;box-shadow:var(--button-primary-shadow),var(--button-focus-ring)}.el-button--primary:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--link-text);--el-button-hover-text-color: var(--link-hover);--el-button-active-text-color: var(--link-hover)}.el-button--primary.is-plain{--el-button-bg-color: color-mix(in srgb, var(--cta-end) 9%, transparent);--el-button-border-color: color-mix(in srgb, var(--cta-end) 34%, transparent);--el-button-hover-bg-color: color-mix(in srgb, var(--cta-end) 14%, transparent);--el-button-hover-border-color: color-mix(in srgb, var(--cta-end) 46%, transparent);--el-button-active-bg-color: color-mix(in srgb, var(--cta-end) 18%, transparent);--el-button-active-border-color: color-mix(in srgb, var(--cta-end) 52%, transparent)}.el-button--primary.is-disabled:not(.is-text):not(.is-link):not(.is-plain){border-color:var(--button-secondary-border);background:var(--button-primary-bg);box-shadow:none;color:var(--button-primary-text);opacity:var(--button-disabled-opacity)}.el-button--danger:not(.is-text):not(.is-link):not(.is-plain),.el-button--warning:not(.is-text):not(.is-link):not(.is-plain),.el-button--success:not(.is-text):not(.is-link):not(.is-plain),.el-button--info:not(.is-text):not(.is-link):not(.is-plain){--el-button-text-color: var(--cta-text);--el-button-hover-text-color: var(--cta-text);--el-button-active-text-color: var(--cta-text);color:var(--cta-text);box-shadow:0 4px 12px color-mix(in srgb,var(--text) 10%,transparent)}.el-button--danger:not(.is-text):not(.is-link):not(.is-plain){--el-button-bg-color: var(--button-danger-bg);--el-button-border-color: var(--button-danger-bg);--el-button-hover-bg-color: var(--button-danger-hover-bg);--el-button-hover-border-color: var(--button-danger-hover-bg);--el-button-active-bg-color: var(--button-danger-hover-bg);--el-button-active-border-color: var(--button-danger-hover-bg)}.el-button--warning:not(.is-text):not(.is-link):not(.is-plain){--el-button-bg-color: var(--button-warning-bg);--el-button-border-color: var(--button-warning-bg);--el-button-hover-bg-color: var(--button-warning-hover-bg);--el-button-hover-border-color: var(--button-warning-hover-bg);--el-button-active-bg-color: var(--button-warning-hover-bg);--el-button-active-border-color: var(--button-warning-hover-bg)}.el-button--success:not(.is-text):not(.is-link):not(.is-plain){--el-button-bg-color: var(--button-success-bg);--el-button-border-color: var(--button-success-bg);--el-button-hover-bg-color: var(--button-success-hover-bg);--el-button-hover-border-color: var(--button-success-hover-bg);--el-button-active-bg-color: var(--button-success-hover-bg);--el-button-active-border-color: var(--button-success-hover-bg)}.el-button--info:not(.is-text):not(.is-link):not(.is-plain){--el-button-bg-color: var(--button-info-bg);--el-button-border-color: var(--button-info-bg);--el-button-hover-bg-color: var(--button-info-hover-bg);--el-button-hover-border-color: var(--button-info-hover-bg);--el-button-active-bg-color: var(--button-info-hover-bg);--el-button-active-border-color: var(--button-info-hover-bg)}.el-button--danger:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-danger-fg);--el-button-hover-text-color: var(--button-danger-fg);--el-button-active-text-color: var(--button-danger-fg);--el-button-hover-bg-color: color-mix(in srgb, var(--button-danger-fg) 14%, transparent);--el-button-active-bg-color: color-mix(in srgb, var(--button-danger-fg) 18%, transparent)}.el-button--danger.is-plain{--el-button-bg-color: var(--button-danger-soft);--el-button-border-color: color-mix(in srgb, var(--button-danger-fg) 34%, transparent);--el-button-hover-border-color: color-mix(in srgb, var(--button-danger-fg) 46%, transparent)}.el-button--warning:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-warning-fg);--el-button-hover-text-color: var(--button-warning-fg);--el-button-active-text-color: var(--button-warning-fg);--el-button-hover-bg-color: color-mix(in srgb, var(--button-warning-fg) 14%, transparent);--el-button-active-bg-color: color-mix(in srgb, var(--button-warning-fg) 18%, transparent)}.el-button--warning.is-plain{--el-button-bg-color: var(--button-warning-soft);--el-button-border-color: color-mix(in srgb, var(--button-warning-fg) 34%, transparent);--el-button-hover-border-color: color-mix(in srgb, var(--button-warning-fg) 46%, transparent)}.el-button--success:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-success-fg);--el-button-hover-text-color: var(--button-success-fg);--el-button-active-text-color: var(--button-success-fg);--el-button-hover-bg-color: color-mix(in srgb, var(--button-success-fg) 14%, transparent);--el-button-active-bg-color: color-mix(in srgb, var(--button-success-fg) 18%, transparent)}.el-button--success.is-plain{--el-button-bg-color: var(--button-success-soft);--el-button-border-color: color-mix(in srgb, var(--button-success-fg) 34%, transparent);--el-button-hover-border-color: color-mix(in srgb, var(--button-success-fg) 46%, transparent)}.el-button--info:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-info-fg);--el-button-hover-text-color: var(--button-info-fg);--el-button-active-text-color: var(--button-info-fg);--el-button-hover-bg-color: color-mix(in srgb, var(--button-info-fg) 12%, transparent);--el-button-active-bg-color: color-mix(in srgb, var(--button-info-fg) 16%, transparent)}.el-button--info.is-plain{--el-button-bg-color: var(--button-info-soft);--el-button-border-color: color-mix(in srgb, var(--button-info-fg) 32%, transparent);--el-button-hover-border-color: color-mix(in srgb, var(--button-info-fg) 42%, transparent)}[data-theme=dark] .el-button.el-button--primary:where(.is-text,.is-link){--el-button-text-color: var(--link-text);--el-button-hover-text-color: var(--link-hover)}[data-theme=dark] .el-button.el-button--success:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-success-fg);--el-button-hover-text-color: var(--button-success-fg)}[data-theme=dark] .el-button.el-button--warning:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-warning-fg);--el-button-hover-text-color: var(--button-warning-fg)}[data-theme=dark] .el-button.el-button--danger:where(.is-text,.is-link,.is-plain){--el-button-text-color: var(--button-danger-fg);--el-button-hover-text-color: var(--button-danger-fg)}[data-theme=dark] .el-tag.el-tag--primary{--el-tag-text-color: var(--link-text)}[data-theme=dark] .el-tag.el-tag--success{--el-tag-text-color: var(--success)}[data-theme=dark] .el-tag.el-tag--warning{--el-tag-text-color: var(--warning)}[data-theme=dark] :where(.el-tag.el-tag--danger,.el-tag.el-tag--error){--el-tag-text-color: var(--danger)}[data-theme=dark] .el-tag.el-tag--info{--el-tag-text-color: var(--text-secondary)}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-date-editor.el-input__wrapper{border-radius:var(--control-radius);background:var(--input-bg);box-shadow:0 0 0 1px var(--input-border) inset;transition:background-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{background:var(--card-bg);box-shadow:0 0 0 1px var(--input-focus-border) inset,var(--focus-ring)}.el-card{overflow:hidden;border-color:var(--border);border-radius:var(--radius-sm);background:var(--card-bg);box-shadow:var(--shadow)}.el-dialog{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--el-bg-color-overlay);box-shadow:var(--shadow-floating)}.el-overlay-dialog>.el-dialog:not(.is-fullscreen){width:min(var(--el-dialog-width, 50%),100%);max-width:100%}.el-dialog__header{padding:20px 22px 16px;border-bottom:1px solid var(--border)}.el-dialog__body{padding:22px}.el-dialog__footer{padding:14px 22px 20px}.el-overlay-dialog{padding:clamp(12px,4vw,40px)}.el-table{--el-table-border-color: var(--border);--el-table-header-bg-color: var(--surface-muted);--el-table-row-hover-bg-color: var(--primary-light);overflow:hidden;border-radius:12px}.el-table th.el-table__cell{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.02em}.el-tabs__item{font-weight:600;transition:color var(--duration-fast) ease}.el-tabs__active-bar{border-radius:999px;transition:transform var(--duration-ui) var(--ease-out)}.el-dropdown-menu,.el-select-dropdown,.el-picker-panel{border:1px solid var(--border);border-radius:14px;background:var(--el-bg-color-overlay);box-shadow:var(--shadow-raised)}.el-message,.el-notification{border-color:var(--border);border-radius:13px;background:var(--el-bg-color-overlay);box-shadow:var(--shadow-raised)}.el-pagination button,.el-pagination .el-pager li{border-radius:8px}@media(hover:hover)and (pointer:fine){a:hover{color:var(--link-hover)}.auth-config-retry:hover{border-color:var(--auth-accent);background:var(--auth-accent-soft);color:var(--auth-text)}.btn-primary:hover:not(:disabled){border-color:var(--button-primary-hover-border);background:var(--button-primary-hover-bg);transform:translateY(-1px);box-shadow:var(--button-primary-shadow-hover)}.el-button--primary:hover:not(.is-disabled):not(.is-text):not(.is-link):not(.is-plain){border-color:var(--button-primary-hover-border);background:var(--button-primary-hover-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow-hover)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.btn-primary,.auth-config-retry,.el-button,.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-tabs__active-bar{transition-duration:.01ms!important}.auth-status-spinner{animation-duration:1.2s}}.col-12{width:100%}@media(min-width:576px){.col-sm-6{width:50%}}@media(min-width:768px){.col-md-4{width:33.33%}.col-md-6{width:50%}.hidden-md{display:none}}@media(min-width:992px){.col-lg-3{width:25%}.col-lg-4{width:33.33%}.col-lg-9{width:75%}.hidden-lg{display:none}}@media(min-width:1200px){.col-xl-3{width:25%}.col-xl-4{width:33.33%}.hidden-xl{display:none}}@media(max-width:767px){.hidden-xs,.hidden-sm{display:none}}