@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--color-primary:#7c3aed;--color-primary-light:#8b5cf6;--color-primary-dark:#6d28d9;--color-primary-50:#7c3aed0d;--color-primary-100:#7c3aed14;--color-primary-200:#7c3aed26;--color-accent:#ec4899;--color-accent-light:#f472b6;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--bg-base:#f4f5fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f0efff;--bg-sidebar:#fafafe;--bg-input:#f4f3fd;--border-subtle:#00000012;--border-default:#0000001f;--border-focus:#7c3aed66;--text-primary:#1a1730;--text-secondary:#1a1730a6;--text-muted:#1a173061;--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-brand-soft:linear-gradient(135deg, #7c3aed1a 0%, #ec489914 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #f4f5fa 100%);--gradient-hero:radial-gradient(ellipse at 60% 0%, #7c3aed1f 0%, transparent 60%), radial-gradient(ellipse at 0% 80%, #ec489914 0%, transparent 50%), #f4f5fa;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #7c3aed33;--shadow-glow-accent:0 0 20px #ec489926;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter", "Noto Sans SC", -apple-system, sans-serif;--sidebar-width:240px;--sidebar-collapsed:64px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.el-menu{background:0 0!important;border-right:none!important}.el-menu-item,.el-sub-menu__title{color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;height:44px!important;transition:all var(--transition-base)!important;margin:2px 8px!important;line-height:44px!important}.el-menu-item:hover,.el-sub-menu__title:hover{background:var(--color-primary-100)!important;color:var(--color-primary)!important}.el-menu-item.is-active{background:var(--gradient-brand-soft)!important;color:var(--color-primary)!important;font-weight:600!important}.el-menu-item.is-active:before{content:"";background:var(--gradient-brand);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.el-card{background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.el-card__header{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;padding:16px 20px!important}.el-table{color:var(--text-primary)!important;background:0 0!important}.el-table tr{background:0 0!important}.el-table th.el-table__cell{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;color:var(--text-muted)!important;border-bottom:1px solid var(--border-default)!important;background:#f8f7ff!important}.el-table td.el-table__cell{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}.el-table__row:hover>td.el-table__cell{background:var(--bg-card-hover)!important}.el-table__row--striped td.el-table__cell{background:#ffffff06!important}.el-table__row--striped:hover td.el-table__cell{background:var(--bg-card-hover)!important}.el-table__body-wrapper,.el-table__inner-wrapper{background:0 0!important}.el-table__empty-block{background:var(--bg-card)!important}.el-table__header-wrapper{background:var(--bg-surface)!important}.el-table{--el-table-tr-bg-color:transparent;--el-table-row-hover-bg-color:var(--bg-card-hover);--el-table-header-bg-color:var(--bg-surface);--el-table-fixed-box-shadow:none;--el-table-bg-color:transparent;--el-table-stripe-color:#ffffff06;--el-fill-color-lighter:#ffffff06}.el-input__wrapper{background:var(--bg-input)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}.el-input__wrapper:hover{border-color:var(--color-primary-light)!important}.el-input__wrapper.is-focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-100)!important}.el-input__inner{color:var(--text-primary)!important}.el-input__inner::placeholder{color:var(--text-muted)!important}.el-button--primary{background:var(--gradient-brand)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-base)!important;border:none!important;font-weight:600!important}.el-button--primary:hover{opacity:.9!important;box-shadow:var(--shadow-glow)!important;transform:translateY(-1px)!important}.el-pagination{--el-pagination-font-color:var(--text-secondary);--el-pagination-bg-color:var(--bg-surface);--el-pagination-button-bg-color:var(--bg-card);--el-pagination-hover-color:var(--color-primary);color:var(--text-secondary)}.el-pager li{background:var(--bg-surface)!important;color:var(--text-secondary)!important}.el-pager li.is-active{font-weight:700;color:var(--color-primary)!important}.el-tag{border-radius:var(--radius-full)!important}.el-dialog{background:var(--bg-card)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 60px #0000001f!important}.el-dialog__header{border-bottom:1px solid var(--border-subtle)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;background:#f8f7ff!important}.el-dialog__title{color:var(--text-primary)!important}.el-dialog__body,.el-form-item__label{color:var(--text-secondary)!important}.el-select .el-input__wrapper{background:var(--bg-input)!important}.el-select-dropdown{background:var(--bg-card)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-lg)!important}.el-select-dropdown__item{color:var(--text-secondary)!important}.el-select-dropdown__item:hover,.el-select-dropdown__item.is-hovering{background:var(--color-primary-100)!important;color:var(--color-primary)!important}.el-select-dropdown__item.is-selected{font-weight:600;color:var(--color-primary)!important}.el-descriptions{--el-descriptions-item-bordered-label-background:#f8f7ff}.el-tabs__item{color:var(--text-muted)!important}.el-tabs__item.is-active{color:var(--color-primary)!important}.el-tabs__active-bar{background:var(--color-primary)!important}.el-tabs__nav-wrap:after{background:var(--border-subtle)!important}.el-drawer{background:var(--bg-card)!important}.el-drawer__header{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;margin-bottom:0!important;padding:16px 20px!important}.el-dropdown-menu{background:var(--bg-card)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-lg)!important}.el-dropdown-menu__item{color:var(--text-secondary)!important}.el-dropdown-menu__item:hover{background:var(--color-primary-100)!important;color:var(--color-primary)!important}.el-message-box{background:var(--bg-card)!important;border:1px solid var(--border-default)!important}.el-message-box__title{color:var(--text-primary)!important}.el-message-box__content{color:var(--text-secondary)!important}.el-divider{border-color:var(--border-subtle)!important}.el-slider__runway{background:var(--border-default)!important}.el-slider__bar{background:var(--gradient-brand)!important}.el-slider__button{border-color:var(--color-primary)!important}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#16161fcc}.glow-border{border:1px solid #7c3aed4d;box-shadow:inset 0 0 16px #7c3aed0d}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-200)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #7c3aed4d}50%{box-shadow:0 0 24px #7c3aed99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:.5s forwards fadeInUp}.animate-fade{animation:.4s forwards fadeIn}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@media (width<=1024px){.page-header{flex-direction:column;gap:16px;margin-bottom:24px;align-items:flex-start!important}}@media (width<=768px){.el-table{font-size:13px}.el-table__inner-wrapper{overflow-x:auto}.el-form--inline .el-form-item{margin-right:0;display:block}}@media (width<=480px){.page-title{font-size:18px}.hide-on-mobile{display:none!important}}.view-page,.admin-content,.admin-main{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.el-table__body-wrapper,.el-table__header-wrapper,.el-table__inner-wrapper{max-width:100%!important;overflow-x:auto!important}.filter-row,.page-header{flex-wrap:wrap!important;max-width:100%!important}@media (width<=640px){.el-dialog,.el-message-box{width:92%!important;max-width:none!important;margin:20px auto!important;position:relative!important;left:0!important}.el-input,.el-select,.el-input-number{width:100%!important;max-width:100%!important}}