:root{--el-color-primary: var(--primary);--el-color-primary-light-3: var(--primary-light-3);--el-color-primary-light-2: var(--primary-light-2);--el-color-primary-light-1: var(--primary-light-1);--el-color-primary-dark-2: var(--primary-dark-2);--el-color-primary-dark-1: var(--primary-dark-1);--el-color-success: var(--success);--el-color-warning: var(--chart-2);--el-color-danger: var(--danger);--el-bg-color: var(--background);--el-bg-color-page: var(--bg-offwhite);--el-fill-color-light: var(--muted);--el-fill-color-blank: var(--card);--el-text-color-primary: var(--foreground);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-tertiary);--el-border-color: var(--border-light);--el-border-color-light: var(--border-light);--el-border-color-lighter: var(--border-medium);--el-border-radius-base: var(--radius-sm);--el-border-radius-small: var(--radius-xs);--el-border-radius-large: var(--radius-md);--el-box-shadow: var(--shadow-md);--el-box-shadow-light: var(--shadow-sm);--el-box-shadow-lighter: var(--shadow-xs);--el-box-shadow-dark: var(--shadow-lg);--el-font-family: var(--font-sans);--el-font-family-monospace: var(--font-mono)}.el-button{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.el-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.el-button:hover:before{left:100%}.el-button:active{transform:translateY(1px)}.el-button--primary{background:var(--gradient-primary);border:1px solid var(--primary);box-shadow:var(--shadow-sm);color:var(--primary-foreground)!important}.el-button--primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px);color:var(--primary-foreground)!important}.el-button--primary:disabled,.el-button--primary.is-disabled{color:#fff9!important;background:var(--primary-light-2)!important}.el-button--warning{background:var(--gradient-accent);border:1px solid var(--border-light);color:var(--accent-foreground);box-shadow:var(--shadow-sm)}.el-button--warning:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.el-button.is-plain{border-width:1px;border-style:solid}.el-button--primary.is-plain{background:var(--primary-light);border-color:var(--border-medium);color:var(--primary)}.el-button--primary.is-plain:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.el-input__wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-white);transition:all .2s ease;box-shadow:none}.el-input__wrapper:hover{border-color:var(--ring)}.el-input__wrapper.is-focus{border-color:var(--primary);box-shadow:0 0 0 2px #3a81f624 inset}.el-input__inner{font-family:var(--font-sans)}.el-select .el-input__wrapper{cursor:pointer}.el-select-dropdown{border-radius:var(--radius-sm);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg)}.el-select-dropdown__item{font-family:var(--font-sans);transition:all .2s ease}.el-select-dropdown__item.selected{color:var(--primary);font-weight:600;background:var(--primary-light)}.el-select-dropdown__item:hover{background:var(--bg-gray-hover)}.el-card{border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.el-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--primary-light-2)}.el-card:hover:before{transform:scaleX(1)}.el-card__header{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--muted)}.el-dialog{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-xl)}.el-dialog__header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--muted)}.el-dialog__title{font-weight:700;color:var(--text-primary)}.el-dialog__body{font-family:var(--font-sans)}.el-tabs__nav-wrap:after{background-color:var(--border-light)}.el-tabs__item{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);transition:all .2s ease}.el-tabs__item:hover{color:var(--primary)}.el-tabs__item.is-active{color:var(--primary);font-weight:700}.el-tabs__active-bar{background:linear-gradient(90deg,var(--chart-2) 0%,var(--chart-3) 100%);height:3px;border-radius:var(--radius-xs)}.el-pagination{font-family:var(--font-mono)}.el-pager li{border-radius:var(--radius-sm);transition:all .2s ease}.el-pager li:hover{color:var(--primary);background:var(--primary-light)}.el-pager li.is-active{background:var(--gradient-primary);color:var(--primary-foreground)}.el-pagination button{border-radius:var(--radius-sm);transition:all .2s ease}.el-pagination button:hover{color:var(--primary);background:var(--primary-light)}.el-table{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light)}.el-table thead{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.el-table th{background:var(--muted);border-bottom:2px solid var(--border-medium);font-weight:600;color:var(--text-primary)}.el-table td{border-bottom:1px solid var(--border-light)}.el-table tr:hover{background:var(--bg-gray-hover)}.el-table--striped .el-table__body tr.el-table__row--striped td{background:var(--bg-gray)}.el-table--striped .el-table__body tr.el-table__row--striped:hover td{background:var(--bg-gray-hover)}.el-form-item__label{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.el-message{border-radius:var(--radius-sm);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);font-family:var(--font-sans)}.el-message--success{background:var(--success-light);border-color:var(--success);color:var(--success)}.el-message--warning{background:#eff6ff;border-color:var(--chart-2);color:var(--chart-3)}.el-message--error{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.el-message--info{background:var(--bg-gray);border-color:var(--border-medium);color:var(--text-primary)}.el-notification{border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.el-notification__title{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.el-loading-spinner .path{stroke:var(--primary)}.el-loading-spinner .el-loading-text{font-family:var(--font-mono);color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.el-switch{transition:all .2s ease}.el-switch.is-checked .el-switch__core{background:var(--gradient-primary);border-color:var(--primary)}.el-slider__runway{background:var(--border-medium)}.el-slider__bar{background:var(--gradient-primary)}.el-slider__button{border-color:var(--primary);transition:all .2s ease}.el-slider__button:hover{box-shadow:var(--shadow-glow);transform:scale(1.2)}.el-breadcrumb{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-sm)}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary);font-weight:600}.el-step__head.is-success{color:var(--success);border-color:var(--success)}.el-step__head.is-process{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.el-step__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.el-badge__content{font-family:var(--font-mono);font-weight:600;background:linear-gradient(135deg,var(--chart-2) 0%,var(--chart-3) 100%);border:2px solid white}.el-tag{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);font-size:var(--font-xs)}.el-tag--primary{background:var(--primary-light);border-color:var(--primary-light-3);color:var(--primary)}.el-tag--success{background:var(--success-light);border-color:var(--success);color:var(--success)}.el-tag--warning{background:#eff6ff;border-color:var(--chart-2);color:var(--chart-3)}.el-tag--danger{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.el-empty__description{font-family:var(--font-sans);color:var(--text-secondary)}.el-backtop{background:var(--gradient-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:all .2s ease}.el-backtop:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}:root{--card: #ffffff;--ring: #a1a1a1;--input: #e5e5e5;--muted: #f5f5f5;--accent: #f5f5f5;--border: #e5e5e5;--radius: .625rem;--chart-1: #91c5ff;--chart-2: #3a81f6;--chart-3: #2563ef;--chart-4: #1a4eda;--chart-5: #1f3fad;--popover: #ffffff;--primary: #171717;--sidebar: #fafafa;--spacing: .25rem;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--secondary: #f5f5f5;--background: #ffffff;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--foreground: #0a0a0a;--destructive: #e7000b;--sidebar-ring: #a1a1a1;--sidebar-accent: #f5f5f5;--sidebar-border: #e5e5e5;--card-foreground: #0a0a0a;--sidebar-primary: #171717;--muted-foreground: #525252;--accent-foreground: #171717;--popover-foreground: #0a0a0a;--primary-foreground: #fafafa;--sidebar-foreground: #0a0a0a;--secondary-foreground: #171717;--destructive-foreground: #ffffff;--sidebar-accent-foreground: #171717;--sidebar-primary-foreground: #fafafa;--primary-rgb: 23, 23, 23;--accent-rgb: 245, 245, 245;--primary-light-1: #262626;--primary-light-2: #404040;--primary-light-3: #525252;--primary-dark-1: #0f0f0f;--primary-dark-2: #000000;--primary-light: #f5f5f5;--accent-light-1: #ededed;--accent-light-2: #e5e5e5;--accent-light-3: #d4d4d4;--accent-dark-1: #e5e5e5;--accent-dark-2: #d4d4d4;--accent-light: #fafafa;--success: #2563ef;--success-light: #eff6ff;--warning: #3a81f6;--warning-light: #eff6ff;--danger: var(--destructive);--danger-light: #fef2f2;--gradient-primary: linear-gradient(135deg, #171717 0%, #404040 100%);--gradient-primary-hover: linear-gradient(135deg, #262626 0%, #525252 100%);--gradient-accent: linear-gradient(135deg, #dbeafe 0%, #60a5fa 48%, #2563ef 100%);--gradient-accent-hover: linear-gradient(135deg, #bfdbfe 0%, #3a81f6 52%, #1f3fad 100%);--gradient-highlight: linear-gradient(135deg, #eff6ff 0%, #91c5ff 45%, #3a81f6 100%);--gradient-highlight-strong: linear-gradient(135deg, #60a5fa 0%, #2563ef 50%, #1a4eda 100%);--gradient-success: linear-gradient(135deg, #91c5ff 0%, #3a81f6 100%);--gradient-warning: linear-gradient(135deg, #91c5ff 0%, #2563ef 100%);--gradient-danger: linear-gradient(135deg, #e7000b 0%, #b91c1c 100%);--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);--gradient-bg-dark: linear-gradient(180deg, #0a0a0a 0%, #171717 100%);--gradient-metal: linear-gradient(135deg, #fafafa 0%, #e5e5e5 50%, #fafafa 100%);--text-primary: var(--foreground);--text-secondary: #2f2f2f;--text-tertiary: #525252;--text-placeholder: #a1a1a1;--text-white: #ffffff;--text-muted: var(--muted-foreground);--bg-white: var(--background);--bg-light: var(--secondary);--bg-offwhite: #fafafa;--bg-gray: #f5f5f5;--bg-gray-hover: #ededed;--bg-dark: #0a0a0a;--border-light: var(--border);--border-medium: #d4d4d4;--border-dark: #525252;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .18);--shadow-glow: 0 0 20px rgba(23, 23, 23, .14);--shadow-glow-accent: 0 0 24px rgba(58, 129, 246, .24);--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .12);--metal-shadow: 0 4px 12px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .6);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--space-5xl: 64px;--space-6xl: 80px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-xs: 12px;--font-sm: 13px;--font: 14px;--font-md: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--font-4xl: 28px;--font-5xl: 32px;--font-6xl: 40px;--font-7xl: 48px;--font-8xl: 56px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 200;--z-sticky: 300;--z-fixed: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-navbar: 100;--z-sidebar: 100}.dark{--card: #0a0a0a;--ring: #525252;--input: #262626;--muted: #262626;--accent: #262626;--border: #262626;--chart-1: #91c5ff;--chart-2: #3a81f6;--chart-3: #2563ef;--chart-4: #1a4eda;--chart-5: #1f3fad;--popover: #0a0a0a;--primary: #fafafa;--sidebar: #0a0a0a;--secondary: #262626;--background: #0a0a0a;--foreground: #fafafa;--destructive: #e7000b;--sidebar-ring: #525252;--sidebar-accent: #262626;--sidebar-border: #262626;--card-foreground: #fafafa;--sidebar-primary: #fafafa;--muted-foreground: #a1a1a1;--accent-foreground: #fafafa;--popover-foreground: #fafafa;--primary-foreground: #0a0a0a;--sidebar-foreground: #fafafa;--secondary-foreground: #fafafa;--destructive-foreground: #ffffff;--sidebar-accent-foreground: #fafafa;--sidebar-primary-foreground: #0a0a0a}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:var(--line-height-normal);font-size:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.font-mono,.section-title,.page-title,.btn-gradient,.tag-gradient{font-family:var(--font-mono);letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--chart-3)}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-xl)}@media (max-width: 1024px){.page-container{padding:var(--space-lg)}}@media (max-width: 640px){.page-container{padding:var(--space)}}.section-title{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space);display:flex;align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.section-title:before{content:"";width:6px;height:24px;background:var(--gradient-accent);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm)}.card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.card:not(.no-hover):hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--primary-light-2)}.card:not(.no-hover):hover:before{transform:scaleX(1)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.tag-primary{background:var(--primary-light);color:var(--primary);border-color:var(--primary-light-3)}.tag-green{background:var(--success-light);color:var(--success);border-color:var(--success)}.tag-orange{background:#eff6ff;color:var(--chart-3);border-color:#3a81f652}.tag-red{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.tag-gray{background:var(--bg-gray);color:var(--text-tertiary);border-color:var(--border-medium)}.tag-gradient{background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--shadow-sm)}.avatar{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:2px solid var(--border-light)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:var(--gradient-primary);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font);font-weight:var(--font-medium);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);background:var(--gradient-primary-hover)}.btn-gradient:hover:before{left:100%}.btn-gradient:active{transform:translateY(0)}.btn-gradient.accent{background:var(--gradient-accent)}.btn-gradient.accent:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-glow-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-xs);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-light-1)}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-gray)}.page-title{font-size:var(--font-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:-.03em}.page-subtitle{font-size:var(--font-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap{gap:var(--space)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-sm)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt{margin-top:var(--space)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb{margin-bottom:var(--space)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.el-dialog{max-width:calc(100vw - 32px)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-xl)!important}.el-dialog__header{padding:var(--space-xl) var(--space-xl) var(--space);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.el-dialog__body{padding:var(--space) var(--space-xl) var(--space-xl)}.el-button--primary{background:var(--gradient-primary)!important;border:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border-radius:var(--radius-sm)!important;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);font-weight:500}.el-button--primary:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-glow)!important;background:var(--gradient-primary-hover)!important}.el-button--warning{background:var(--gradient-accent)!important;border:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border-radius:var(--radius-sm)!important;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);font-weight:500;color:#fff!important}.el-button--warning:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-glow-accent)!important;background:var(--gradient-accent-hover)!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary-light-3) inset!important;border-color:var(--primary)!important}.el-card{border-radius:var(--radius)!important;border:1px solid var(--border-light)!important;box-shadow:var(--card-shadow)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.el-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.el-card:hover{box-shadow:var(--card-hover-shadow)!important;transform:translateY(-2px)!important;border-color:var(--primary-light-2)!important}.el-card:hover:before{transform:scaleX(1)!important}.el-card__header{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInSmall{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatLeft{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes floatRight{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1677ff66}50%{box-shadow:0 0 0 15px #1677ff00}}@keyframes pulseGlowPurple{0%,to{box-shadow:0 0 #722ed166}50%{box-shadow:0 0 0 15px #722ed100}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes stepIn{0%{opacity:0;transform:translate(-20px) scale(.95);clip-path:inset(0 100% 0 0)}50%{opacity:.8;transform:translate(-5px) scale(.98);clip-path:inset(0 30% 0 0)}to{opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0)}}@keyframes metalShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes vibrate{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes pressDown{0%{transform:translateY(0);box-shadow:var(--shadow-md)}50%{transform:translateY(2px);box-shadow:var(--shadow-sm)}to{transform:translateY(0);box-shadow:var(--shadow-md)}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitchFlash{0%,to{opacity:1}50%{opacity:.3}}@keyframes stepProgress{0%{width:0%}20%{width:15%}40%{width:35%}60%{width:60%}80%{width:85%}to{width:100%}}@keyframes borderFlash{0%,to{border-color:var(--border-medium)}50%{border-color:var(--accent)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .6s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .6s ease-out forwards}.animate-fadeOut{animation:fadeOut .3s ease-in forwards}.animate-fadeOutUp{animation:fadeOutUp .3s ease-in forwards}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-scaleInSmall{animation:scaleInSmall .3s ease-out forwards}.animate-scaleOut{animation:scaleOut .3s ease-in forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-floatSlow{animation:floatSlow 6s ease-in-out infinite}.animate-floatLeft{animation:floatLeft 4s ease-in-out infinite}.animate-floatRight{animation:floatRight 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulseGlow{animation:pulseGlow 2s ease-in-out infinite}.animate-pulseGlowPurple{animation:pulseGlowPurple 2s ease-in-out infinite}.animate-gradientMove{background-size:200% 200%;animation:gradientMove 3s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease infinite}.animate-slideInUp{animation:slideInUp .5s ease-out forwards}.animate-slideInDown{animation:slideInDown .5s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .5s ease-out forwards}.animate-slideInRight{animation:slideInRight .5s ease-out forwards}.animate-stepIn{animation:stepIn .6s steps(3) forwards}.animate-vibrate{animation:vibrate .2s linear infinite}.animate-vibrate-once{animation:vibrate .2s linear 1}.animate-pressDown{animation:pressDown .3s ease-out forwards}.animate-gearSpin{animation:gearSpin 3s linear infinite}.animate-glitchFlash{animation:glitchFlash .5s ease-in-out infinite}.animate-stepProgress{animation:stepProgress 2s steps(5) forwards}.animate-borderFlash{animation:borderFlash 1s ease-in-out infinite}.metal-shine{position:relative;overflow:hidden}.metal-shine:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:metalShine 3s ease-in-out infinite;pointer-events:none}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .25s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.transition-shadow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .25s cubic-bezier(.4,0,.2,1)}.transition-fast{transition-duration:.15s}.transition-slow{transition-duration:.35s}.hover-scale{transition:transform .25s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-lg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-lift{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-glow-purple{transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.hover-glow-purple:hover{box-shadow:var(--shadow-glow-purple)}.shimmer{background:linear-gradient(90deg,var(--bg-gray) 25%,var(--bg-gray-hover) 37%,var(--bg-gray) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.visible>*:nth-child(1){animation:fadeInUp .5s ease-out .1s forwards}.stagger-children.visible>*:nth-child(2){animation:fadeInUp .5s ease-out .2s forwards}.stagger-children.visible>*:nth-child(3){animation:fadeInUp .5s ease-out .3s forwards}.stagger-children.visible>*:nth-child(4){animation:fadeInUp .5s ease-out .4s forwards}.stagger-children.visible>*:nth-child(5){animation:fadeInUp .5s ease-out .5s forwards}.stagger-children.visible>*:nth-child(6){animation:fadeInUp .5s ease-out .6s forwards}.stagger-children.visible>*:nth-child(7){animation:fadeInUp .5s ease-out .7s forwards}.stagger-children.visible>*:nth-child(8){animation:fadeInUp .5s ease-out .8s forwards}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space);padding-right:var(--space)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.container-max{max-width:1400px}.responsive-grid{display:grid;gap:var(--space-lg)}.grid-cols-2-responsive{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.grid-cols-3-responsive,.grid-cols-4-responsive{display:grid;gap:var(--space-lg);grid-template-columns:1fr}.flex-responsive{display:flex;flex-direction:column}.flex-wrap-responsive{display:flex;flex-wrap:wrap;gap:var(--space)}.show-sm,.show-md,.show-lg,.show-xl{display:none!important}.hide-sm,.hide-md,.hide-lg,.hide-xl{display:flex!important}@media (min-width: 640px){.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}.grid-cols-3-responsive,.grid-cols-4-responsive{grid-template-columns:repeat(2,1fr)}.flex-responsive{flex-direction:row}.show-sm{display:flex!important}.hide-sm{display:none!important}}@media (min-width: 768px){.container{padding-left:var(--space-xl);padding-right:var(--space-xl)}.grid-cols-3-responsive,.grid-cols-4-responsive{grid-template-columns:repeat(2,1fr)}.show-md{display:flex!important}.hide-md{display:none!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cols-3-responsive{grid-template-columns:repeat(3,1fr)}.grid-cols-4-responsive{grid-template-columns:repeat(4,1fr)}.show-lg{display:flex!important}.hide-lg{display:none!important}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.show-xl{display:flex!important}.hide-xl{display:none!important}}@media (max-width: 1535px){.text-responsive-hero{font-size:var(--font-6xl)}}@media (max-width: 1279px){.text-responsive-hero{font-size:var(--font-5xl)}.page-title{font-size:var(--font-3xl)}.section-title{font-size:var(--font-xl)}}@media (max-width: 1023px){.text-responsive-hero{font-size:var(--font-4xl)}.page-title{font-size:var(--font-2xl)}.page-subtitle{font-size:var(--font)}.section-title{font-size:var(--font-lg)}.page-container{padding:var(--space-lg)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.text-responsive-hero{font-size:var(--font-3xl)}.page-title{font-size:var(--font-xl)}.page-subtitle{font-size:var(--font-sm)}.page-container{padding:var(--space)}.grid-4,.grid-3,.grid-2,.grid-cols-3-responsive,.grid-cols-4-responsive{grid-template-columns:1fr;gap:var(--space)}.hide-mobile{display:none!important}.btn-full-mobile{width:100%}.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center}}@media (max-width: 639px){:root{--space-xl: 20px;--space-2xl: 28px;--space-3xl: 32px;--font-3xl: 20px;--font-4xl: 24px}.text-responsive-hero{font-size:var(--font-2xl)}.page-container{padding:var(--space-sm) var(--space)}.card{border-radius:var(--radius-sm)}.el-dialog{margin:var(--space)!important;width:auto!important}}@media (hover: none) and (pointer: coarse){.touch-target{min-height:44px;min-width:44px}.no-touch-hover:hover{transform:none!important;box-shadow:none!important}.touch-active:active{opacity:.7;transform:scale(.98)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fadeIn,.animate-fadeInUp,.animate-fadeInDown,.animate-fadeInLeft,.animate-fadeInRight,.animate-scaleIn,.animate-float,.animate-floatSlow,.animate-pulse,.animate-pulseGlow,.animate-gradientMove{animation:none!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}