:root{--color-primary: #1677ff;--color-primary-light: #4096ff;--color-primary-dark: #0958d9;--color-accent: #1677ff;--color-accent-soft: #69b1ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #6366f1;--color-bg-base: #f0f6fc;--color-bg-page: #f5f9ff;--color-bg-card: #ffffff;--color-bg-sidebar: #0b1a2e;--color-bg-sidebar-hover: #132940;--color-bg-sidebar-active: rgba(14, 165, 233, .12);--color-text-primary: #1a2332;--color-text-regular: #364153;--color-text-secondary: #64748b;--color-text-placeholder: #94a3b8;--color-text-sidebar: #c8d6e5;--color-text-sidebar-active: #38bdf8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-hover: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(22, 119, 255, .06);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 6px;--radius-xl: 6px;--font-family-base: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;--table-header-bg: #fafafa;--table-row-hover-bg: #f5f7fa;--table-row-stripe-bg: #fafbfc;--table-border-color: #ebeef5;--skeleton-bg: #f2f3f5;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 220px;--sidebar-collapsed-width: 72px;--header-height: 56px}[data-theme=dark]{--color-primary: #58a6ff;--color-primary-light: #79b8ff;--color-primary-dark: #388bfd;--color-accent: #4096ff;--color-accent-soft: #69b1ff;--color-success: #3fb950;--color-warning: #d29922;--color-danger: #f85149;--color-info: #58a6ff;--color-bg-base: #0a0e14;--color-bg-page: #0d1117;--color-bg-card: #131820;--color-bg-sidebar: #070b10;--color-bg-sidebar-hover: #161b22;--color-bg-sidebar-active: rgba(88, 166, 255, .12);--color-text-primary: #e6edf3;--color-text-regular: #c9d1d9;--color-text-secondary: #9198a1;--color-text-placeholder: #636d7b;--color-text-sidebar: #9198a1;--color-text-sidebar-active: #58a6ff;--color-border: #21262d;--color-border-light: #1a1f27;--color-border-hover: #30363d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);--table-header-bg: #161b22;--table-row-hover-bg: #1a1f27;--table-row-stripe-bg: #161b22;--table-border-color: #21262d;--skeleton-bg: #21262d}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-base);font-size:14px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);min-width:320px;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-placeholder)}::selection{background:#58a6ff2e;color:var(--color-primary-light)}.tabular-nums{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}html[data-theme=dark] body{background-color:#0a0e14;color:#c9d1d9}html[data-theme=dark] .el-breadcrumb__inner{color:#9198a1}html[data-theme=dark] .el-breadcrumb__inner.is-link:hover{color:#58a6ff}html[data-theme=dark] .dashboard-container{background:#0a0e14}html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#070b10,#0d1117 40%,#111820);border-right-color:#21262d}html[data-theme=dark] .sidebar-header{border-bottom-color:#9198a114}html[data-theme=dark] .logo-text{color:#e6edf3}html[data-theme=dark] .sidebar-menu .el-menu-item:hover,html[data-theme=dark] .sidebar-menu .el-sub-menu__title:hover{background:#9198a10f!important;color:#c9d1d9!important}html[data-theme=dark] .sidebar-menu .el-menu-item.is-active{background:linear-gradient(135deg,#58a6ff1f,#58a6ff0f)!important;color:#58a6ff!important;border-right-color:#58a6ff}html[data-theme=dark] .sidebar-menu .el-sub-menu .el-menu{background:#0003!important}html[data-theme=dark] .menu-separator{background:#9198a11a}html[data-theme=dark] .sidebar-footer{border-top-color:#9198a114}html[data-theme=dark] .collapse-btn,html[data-theme=dark] .logout-btn{color:#636d7b}html[data-theme=dark] .collapse-btn:hover,html[data-theme=dark] .logout-btn:hover{background:#9198a10f;color:#c9d1d9}html[data-theme=dark] .logout-btn:hover{color:#f85149;background:#f8514914}html[data-theme=dark] .main-header{background:#0d1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#21262d}html[data-theme=dark] .header-icon-btn{color:#9198a1}html[data-theme=dark] .header-icon-btn:hover{background:#161b22;color:#58a6ff}html[data-theme=dark] .header-badge{background:#f85149}html[data-theme=dark] .user-info:hover{background:#161b22}html[data-theme=dark] .user-name{color:#c9d1d9}html[data-theme=dark] .user-info svg{color:#636d7b}html[data-theme=dark] .main-content-area{background:#0a0e14}html[data-theme=dark] .side-panel{background:#131820;border-left-color:#21262d;box-shadow:-4px 0 24px #0006}html[data-theme=dark] .side-panel-header{background:#161b22;border-bottom-color:#21262d}html[data-theme=dark] .side-panel-header h2{color:#e6edf3}html[data-theme=dark] .panel-close-btn{color:#636d7b}html[data-theme=dark] .panel-close-btn:hover{background:#21262d;color:#c9d1d9}html[data-theme=dark] .el-card{background:#131820!important;border-color:#21262d!important}html[data-theme=dark] .el-card__header{border-bottom-color:#21262d!important}html[data-theme=dark] .el-table{--el-table-bg-color: #131820;--el-table-tr-bg-color: #131820}html[data-theme=dark] .el-table th.el-table__cell{background-color:#161b22!important;border-bottom-color:#21262d!important}html[data-theme=dark] .el-table td.el-table__cell{border-bottom-color:#21262d}html[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:#161b22}html[data-theme=dark] .el-table .el-table__row:hover>td.el-table__cell{background-color:#1a1f27}html[data-theme=dark] .el-table__empty-block{background:#131820}html[data-theme=dark] .el-table__empty-text{color:#636d7b}html[data-theme=dark] .el-pagination button,html[data-theme=dark] .el-pager li{background:#131820;color:#c9d1d9}html[data-theme=dark] .el-pager li.is-active{background:#58a6ff;color:#fff}html[data-theme=dark] .el-pagination .btn-next,html[data-theme=dark] .el-pagination .btn-prev{background:#131820;color:#c9d1d9}html[data-theme=dark] .el-input__wrapper{background:#161b22;box-shadow:none}html[data-theme=dark] .el-input__inner{color:#c9d1d9}html[data-theme=dark] .el-select .el-input .el-select__caret{color:#9198a1}html[data-theme=dark] .el-select-dropdown__item{color:#c9d1d9}html[data-theme=dark] .el-dialog{background:#131820}html[data-theme=dark] .el-dialog__header{border-bottom-color:#21262d}html[data-theme=dark] .el-dialog__footer{border-top-color:#21262d}html[data-theme=dark] .el-form-item__label{color:#c9d1d9}html[data-theme=dark] .el-tabs__item{color:#9198a1}html[data-theme=dark] .el-tabs__item.is-active{color:#58a6ff}html[data-theme=dark] .el-tabs__nav-wrap:after{background:#21262d}html[data-theme=dark] .el-tabs__header{border-bottom-color:#21262d}html[data-theme=dark] .el-message-box{background:#131820}html[data-theme=dark] .el-popper.is-light{background:#131820;border-color:#21262d;color:#c9d1d9}html[data-theme=dark] .el-tag--default,html[data-theme=dark] .el-tag--info{background:#21262d;border-color:#30363d;color:#c9d1d9}html[data-theme=dark] [class*=search],html[data-theme=dark] [class*=filter],html[data-theme=dark] [class*=toolbar]{background:#161b22!important}html[data-theme=dark] .metric-item:nth-child(1) .metric-icon{background:linear-gradient(135deg,#1a2a40,#1c3a50)!important;color:#58a6ff!important}html[data-theme=dark] .metric-card:nth-child(1) .metric-icon{background:linear-gradient(135deg,#1a2a40,#1c3a50)!important;color:#58a6ff!important}html[data-theme=dark] .metric-card:nth-child(2) .metric-icon{background:linear-gradient(135deg,#2d1a2a,#3d1a30)!important;color:#f472b6!important}html[data-theme=dark] .metric-card:nth-child(3) .metric-icon{background:linear-gradient(135deg,#1a2a20,#1a3a25)!important;color:#3fb950!important}html[data-theme=dark] .metric-card:nth-child(4) .metric-icon{background:linear-gradient(135deg,#1d1a35,#251a40)!important;color:#a78bfa!important}html[data-theme=dark] .order-list-container{background:#0a0e14}html[data-theme=dark] .order-table-wrapper{background:#131820}html[data-theme=dark] .order-card{background:#131820;border-color:#21262d}html[data-theme=dark] .status-badge-pending{background:#2d2818;color:#d29922}html[data-theme=dark] .status-badge-paid{background:#1c2940;color:#58a6ff}html[data-theme=dark] .status-badge-booked{background:#1b2d1b;color:#3fb950}html[data-theme=dark] .status-badge-completed{background:#161b22;color:#9198a1}html[data-theme=dark] .status-badge-cancelled{background:#2d1b1b;color:#f85149}html[data-theme=dark] .status-badge-refunding{background:#2d2518;color:#d29922}html[data-theme=dark] .status-badge-refunded{background:#1d1a35;color:#a78bfa}html[data-theme=dark] .matrix-login-card{background:#131820!important}html[data-theme=dark] .matrix-tabs,html[data-theme=dark] .dash-card{background:#131820}html[data-theme=dark] .video-card{background:#131820;border-color:#21262d}html[data-theme=dark] .comment-item{background:#131820;border-bottom-color:#21262d}html[data-theme=dark] .chat-list{background:#161b22}html[data-theme=dark] .chat-list-item{border-bottom-color:#21262d}html[data-theme=dark] .chat-message-left .chat-bubble{background:#21262d}:root{--el-color-primary: #0ea5e9;--el-color-primary-light-1: #1ab2f0;--el-color-primary-light-2: #38bdf8;--el-color-primary-light-3: #5cc8fa;--el-color-primary-light-4: #7dd3fc;--el-color-primary-light-5: #a0dffd;--el-color-primary-light-6: #bae6fd;--el-color-primary-light-7: #d4edfe;--el-color-primary-light-8: #e6f4fe;--el-color-primary-light-9: #f0f9ff;--el-color-primary-dark-2: #0284c7;--el-color-success: #10b981;--el-color-warning: #f59e0b;--el-color-danger: #ef4444;--el-color-info: #6366f1;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-border-radius-round: 20px;--el-font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--el-box-shadow-light: 0 2px 12px rgba(0, 0, 0, .06);--el-box-shadow: 0 4px 16px rgba(0, 0, 0, .08);--el-bg-color-page: #f0f6fc;--el-bg-color: #ffffff;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #1a2332;--el-text-color-regular: #364153;--el-text-color-secondary: #64748b;--el-text-color-placeholder: #94a3b8;--el-border-color: #e2e8f0;--el-border-color-light: #f1f5f9;--el-border-color-lighter: #f8fafc;--el-border-color-extra-light: #fcfdfd;--el-border-color-dark: #cbd5e1;--el-fill-color: #f0f6fc;--el-fill-color-light: #f5f9ff;--el-fill-color-blank: #ffffff;--el-overlay-color: rgba(0, 0, 0, .5);--el-overlay-color-light: rgba(0, 0, 0, .3)}.el-button{font-weight:500;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1)}.el-button--default{--el-button-bg-color: #ffffff;--el-button-border-color: #dcdfe6;--el-button-hover-bg-color: #ecf5ff;--el-button-hover-border-color: #c6e2ff;--el-button-active-bg-color: #ecf5ff;--el-button-text-color: #606266}.el-button.is-plain{--el-button-bg-color: transparent;--el-button-hover-bg-color: #ecf5ff;--el-button-hover-border-color: var(--el-color-primary);--el-button-hover-text-color: var(--el-color-primary)}.el-button--primary{border:none}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1677ff4d}.el-button--warning{--el-button-text-color: #e6a23c;--el-button-hover-text-color: #ebb563}.el-button--danger{--el-button-text-color: #f56c6c;--el-button-hover-text-color: #f89898}.el-card{border:1px solid var(--el-border-color);border-radius:12px;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.el-card.is-hover-shadow:hover{box-shadow:0 4px 16px #0000001a,0 8px 24px #00000014;transform:translateY(-2px);border-color:var(--el-color-primary-light-3)}.el-card__header{border-bottom:1px solid var(--el-border-color-lighter);padding:16px 20px;font-weight:600;font-size:15px;color:var(--el-text-color-primary)}.el-card__body{padding:20px}.el-table{--el-table-border-color: var(--el-border-color);--el-table-header-bg-color: var(--el-fill-color);border-radius:10px;overflow:hidden}.el-table th.el-table__cell{background-color:var(--el-fill-color);color:var(--el-text-color-regular);font-weight:600;font-size:13px;letter-spacing:.02em;border-bottom:2px solid var(--el-border-color)}.el-table .el-table__row:hover>td.el-table__cell{background-color:var(--el-fill-color-light)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--el-fill-color)}.el-dialog{border-radius:16px;box-shadow:0 16px 48px #0000001a}.el-dialog__header{border-bottom:1px solid var(--el-border-color-lighter);padding:20px 24px;margin-right:0}.el-dialog__title{font-weight:600;font-size:18px;color:var(--el-text-color-primary)}.el-dialog__body{padding:24px}.el-dialog__footer{border-top:1px solid var(--el-border-color-lighter);padding:16px 24px}.el-input__wrapper{border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.el-input__wrapper:hover{box-shadow:0 1px 3px #1677ff14}.el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-primary) inset,0 0 0 3px #1677ff1f}.el-dropdown-menu{border-radius:10px;border:1px solid var(--el-border-color);box-shadow:var(--el-box-shadow-light);padding:6px}.el-dropdown-menu__item{border-radius:6px;transition:all .15s ease}.el-pagination{font-weight:500}.el-pager li.is-active{background-color:var(--el-color-primary);border-radius:6px;font-weight:600}.el-tag{border-radius:6px;font-weight:500}.el-badge__content{font-weight:600}.el-breadcrumb__inner{font-weight:500}.el-empty__description{color:var(--el-text-color-secondary)}.el-loading-mask{border-radius:12px}[data-theme=dark]{--el-color-primary: #58a6ff;--el-color-primary-light-1: #6cb3ff;--el-color-primary-light-2: #79b8ff;--el-color-primary-light-3: #8ec3ff;--el-color-primary-light-4: #a3ceff;--el-color-primary-light-5: #b8d9ff;--el-color-primary-light-6: #cce4ff;--el-color-primary-light-7: #dbeaff;--el-color-primary-light-8: #e6f0ff;--el-color-primary-light-9: #f0f5ff;--el-color-primary-dark-2: #388bfd;--el-color-success: #3fb950;--el-color-warning: #d29922;--el-color-danger: #f85149;--el-color-info: #58a6ff;--el-box-shadow-light: 0 2px 12px rgba(0, 0, 0, .4);--el-box-shadow: 0 4px 16px rgba(0, 0, 0, .5);--el-bg-color-page: #0a0e14;--el-bg-color: #131820;--el-bg-color-overlay: #1c2333;--el-text-color-primary: #e6edf3;--el-text-color-regular: #c9d1d9;--el-text-color-secondary: #9198a1;--el-text-color-placeholder: #636d7b;--el-border-color: #21262d;--el-border-color-light: #1a1f27;--el-border-color-lighter: #161b22;--el-border-color-extra-light: #12171e;--el-border-color-dark: #30363d;--el-fill-color: #161b22;--el-fill-color-light: #1c2333;--el-fill-color-blank: #131820;--el-overlay-color: rgba(0, 0, 0, .6);--el-overlay-color-light: rgba(0, 0, 0, .4)}[data-theme=dark] .el-button--default{--el-button-bg-color: #21262d;--el-button-border-color: #30363d;--el-button-hover-bg-color: #30363d;--el-button-hover-border-color: #484f58;--el-button-active-bg-color: #161b22;--el-button-text-color: #c9d1d9}[data-theme=dark] .el-button.is-plain{--el-button-bg-color: transparent;--el-button-hover-bg-color: #1a1f27;--el-button-hover-border-color: #58a6ff;--el-button-hover-text-color: #58a6ff}[data-theme=dark] .el-button--primary{--el-button-hover-bg-color: var(--el-color-primary-light-1);--el-button-active-bg-color: var(--el-color-primary-dark-2);border:none}[data-theme=dark] .el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #58a6ff4d}[data-theme=dark] .el-button--warning{--el-button-text-color: #d29922;--el-button-hover-text-color: #e6b422}[data-theme=dark] .el-button--danger{--el-button-text-color: #f85149;--el-button-hover-text-color: #ff6b63}[data-theme=dark] .el-card{border:1px solid var(--el-border-color);border-radius:12px;box-shadow:0 1px 3px #0000004d,0 4px 12px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}[data-theme=dark] .el-card.is-hover-shadow:hover{box-shadow:0 4px 20px #0006,0 8px 24px #0000004d;transform:translateY(-2px);border-color:#30363d}[data-theme=dark] .el-card__header{border-bottom:1px solid #21262d;padding:16px 20px;font-weight:600;font-size:15px;color:var(--el-text-color-primary)}[data-theme=dark] .el-table{--el-table-border-color: #21262d;--el-table-header-bg-color: #161b22;border-radius:10px;overflow:hidden}[data-theme=dark] .el-table th.el-table__cell{background-color:#161b22;color:var(--el-text-color-regular);font-weight:600;font-size:13px;letter-spacing:.02em;border-bottom:2px solid #21262d}[data-theme=dark] .el-table .el-table__row:hover>td.el-table__cell{background-color:#1a1f27}[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:#161b22}[data-theme=dark] .el-dialog{border-radius:16px;box-shadow:0 16px 48px #00000080}[data-theme=dark] .el-dialog__header{border-bottom:1px solid #21262d;padding:20px 24px;margin-right:0}[data-theme=dark] .el-dialog__title{font-weight:600;font-size:18px;color:var(--el-text-color-primary)}[data-theme=dark] .el-dialog__footer{border-top:1px solid #21262d;padding:16px 24px}[data-theme=dark] .el-input__wrapper{border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0003}[data-theme=dark] .el-input__wrapper:hover{box-shadow:0 1px 3px #58a6ff1a}[data-theme=dark] .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-primary) inset,0 0 0 3px #58a6ff1f}[data-theme=dark] .el-dropdown-menu{border-radius:10px;border:1px solid #21262d;box-shadow:0 8px 24px #00000080;padding:6px}