@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-bg: rgba(37, 99, 235, .06);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .06);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .06);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-700: #334155;--gray-900: #0f172a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-overlay: 0 4px 24px rgba(15, 23, 42, .12);--transition: .15s ease;--transition-fast: .1s ease;--sidebar-width: 220px;--bg-base: #fff;--bg-surface: var(--gray-50);--bg-elevated: #fff;--bg-hover: var(--gray-100);--bg-overlay: rgba(15, 23, 42, .04);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-400);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--color-primary-light: var(--color-primary);--color-primary-border: rgba(37, 99, 235, .15);--color-warning: #eab308;--color-warning-bg: rgba(234, 179, 8, .06);--shadow-lg: var(--shadow-overlay);--radius-xl: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;min-height:100%;font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.el-button{border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);transition:background var(--transition),border-color var(--transition)}.el-button--primary{--el-button-bg-color: var(--color-primary);--el-button-border-color: var(--color-primary);--el-button-hover-bg-color: var(--color-primary-hover);--el-button-hover-border-color: var(--color-primary-hover);--el-button-active-bg-color: var(--color-primary-hover);--el-button-active-border-color: var(--color-primary-hover)}.el-button--primary.is-plain{--el-button-bg-color: var(--color-primary-bg);--el-button-text-color: var(--color-primary);--el-button-border-color: transparent}.el-button--primary.is-plain:hover{--el-button-bg-color: var(--color-primary);--el-button-text-color: #fff}.el-button--success{--el-button-bg-color: var(--color-success);--el-button-border-color: var(--color-success);border-radius:var(--radius-md)}.el-button--danger{--el-button-bg-color: var(--color-danger);--el-button-border-color: var(--color-danger);border-radius:var(--radius-md)}.el-button--default{--el-button-bg-color: #fff;--el-button-border-color: var(--gray-200);--el-button-text-color: var(--gray-700);--el-button-hover-bg-color: var(--gray-50);--el-button-hover-border-color: var(--gray-400);--el-button-hover-text-color: var(--gray-900)}.el-input__wrapper{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none;transition:border-color var(--transition)}.el-input__wrapper:hover{border-color:var(--gray-400)}.el-input__wrapper.is-focus{border-color:var(--color-primary);box-shadow:none}.el-input__inner{color:var(--gray-900);font-family:var(--font-sans)}.el-input__inner::placeholder{color:var(--gray-400)}.el-select .el-select__wrapper{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none}.el-select .el-select__wrapper:hover{border-color:var(--gray-400)}.el-select .el-select__wrapper.is-focused{border-color:var(--color-primary);box-shadow:none}.el-select-dropdown{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}.el-select-dropdown__item{color:var(--gray-700)}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:var(--gray-50)}.el-select-dropdown__item.is-selected{color:var(--color-primary);font-weight:500}.el-table{--el-table-bg-color: #fff;--el-table-header-bg-color: var(--gray-50);--el-table-row-hover-bg-color: var(--gray-50);--el-table-border-color: var(--gray-100);--el-table-text-color: var(--gray-700);--el-table-header-text-color: var(--gray-400);border-radius:var(--radius-lg);overflow:hidden}.el-table th.el-table__cell{font-weight:500;font-size:var(--text-xs);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--gray-100)}.el-table td.el-table__cell{border-bottom:1px solid var(--gray-50)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fff}.el-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:none;transition:border-color var(--transition)}.el-card:hover{border-color:var(--gray-400)}.el-card__header{border-bottom:1px solid var(--gray-100);padding:var(--space-md) var(--space-lg);font-weight:600;font-size:var(--text-base);color:var(--gray-900)}.el-card__body{color:var(--gray-700)}.el-tag{border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-xs);border:1px solid var(--gray-200);font-family:var(--font-sans)}.el-tag--success{background:var(--color-success-bg);color:var(--color-success);border-color:transparent}.el-tag--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:transparent}.el-tag--info{background:var(--gray-50);color:var(--gray-400);border-color:var(--gray-200)}.el-tag--primary{background:var(--color-primary-bg);color:var(--color-primary);border-color:transparent}.el-tag--warning{background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-200)}.el-dialog{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-overlay)}.el-dialog__header{border-bottom:1px solid var(--gray-100);padding:var(--space-lg)}.el-dialog__title{font-weight:600;font-size:var(--text-base);color:var(--gray-900)}.el-dialog__body{padding:var(--space-lg);color:var(--gray-700)}.el-dialog__footer{border-top:1px solid var(--gray-100);padding:var(--space-md) var(--space-lg)}.el-overlay{background:#0f172a4d;-webkit-backdrop-filter:none;backdrop-filter:none}.el-form-item__label{color:var(--gray-700);font-weight:500}.el-pagination{--el-pagination-bg-color: #fff;--el-pagination-text-color: var(--gray-400);--el-pagination-hover-color: var(--color-primary)}.el-pager li{background:#fff;color:var(--gray-400);border-radius:var(--radius-md)}.el-pager li.is-active{background:var(--color-primary);color:#fff}.el-progress-bar__outer{background:var(--gray-100);border-radius:99px}.el-progress__text{font-size:var(--text-xs);color:var(--gray-400)}.el-divider{border-color:var(--gray-100)}.el-empty__description p{color:var(--gray-400)}.el-radio__label,.el-checkbox__label,.el-switch__label{color:var(--gray-700)}.el-message,.el-message-box{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-overlay)}.el-loading-spinner .circular .path{stroke:var(--color-primary)}.el-radio-button__inner{background:#fff;border-color:var(--gray-200);color:var(--gray-700)}.el-radio-button__original-radio:checked+.el-radio-button__inner{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:none}.page-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-900);margin:0}.page-desc{font-size:var(--text-sm);color:var(--gray-400);margin-top:var(--space-xs)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.act-btn{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;cursor:pointer;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);transition:all var(--transition);white-space:nowrap;font-family:var(--font-sans);gap:4px}.act-btn:hover:not(:disabled){border-color:var(--gray-400);background:var(--gray-50)}.act-btn:disabled{opacity:.35;cursor:not-allowed}.act-btn.primary{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.act-btn.primary:hover:not(:disabled){background:var(--color-primary);color:#fff}.act-btn.success{color:var(--color-success);border-color:var(--color-success)}.act-btn.success:hover:not(:disabled){background:var(--color-success);color:#fff}.act-btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.act-btn.danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--gray-400)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.3}.empty-state .empty-title{font-size:var(--text-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-xs)}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--gray-400);margin-bottom:var(--space-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:768px){html,body,#app{height:100dvh;min-height:100dvh;overflow:hidden}.el-dialog{width:92vw;margin:5vh auto;max-height:90vh;overflow-y:auto}.el-dialog__body,.el-dialog__header{padding:var(--space-md)}.el-dialog__footer{padding:var(--space-sm) var(--space-md)}.el-message-box{width:90vw;max-width:360px}.el-pagination{flex-wrap:wrap;justify-content:center;gap:4px}.el-table{font-size:12px}}.app-layout[data-v-5acefcf6]{display:flex;flex-direction:column;height:100dvh;min-height:100vh;overflow:hidden;background:var(--gray-50)}.topbar[data-v-5acefcf6]{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);flex-shrink:0}.topbar-inner[data-v-5acefcf6]{display:flex;align-items:center;height:48px;padding:0 var(--space-lg);gap:0;max-width:none;margin:0 auto;width:100%}.topbar-logo[data-v-5acefcf6]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--gray-900);font-size:14px;font-weight:600;flex-shrink:0;margin-right:var(--space-lg)}.topbar-nav[data-v-5acefcf6]{display:flex;align-items:center;flex:1;gap:2px;min-width:0}.nav-link[data-v-5acefcf6]{display:flex;align-items:center;padding:5px 12px;border-radius:var(--radius-md);color:var(--gray-400);text-decoration:none;font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:color var(--transition),background var(--transition);border:none;background:none;cursor:pointer}.nav-link[data-v-5acefcf6]:hover{color:var(--gray-700);background:var(--gray-50)}.nav-link.active[data-v-5acefcf6]{color:var(--color-primary);background:var(--color-primary-bg)}.topbar-actions[data-v-5acefcf6]{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.user-trigger[data-v-5acefcf6]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);border:1px solid transparent}.user-trigger[data-v-5acefcf6]:hover{background:var(--gray-50)}.user-avatar[data-v-5acefcf6]{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-name[data-v-5acefcf6]{font-size:var(--text-sm);color:var(--gray-700);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-info[data-v-5acefcf6]{font-size:var(--text-sm);line-height:1.5}.dropdown-balance[data-v-5acefcf6]{font-size:var(--text-xs);color:var(--gray-400)}.mobile-menu-btn[data-v-5acefcf6]{display:none;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:4px;color:var(--gray-400);cursor:pointer;flex-shrink:0}.main-body[data-v-5acefcf6]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-5acefcf6]{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--gray-100);background:#fff;overflow-y:auto}.sidebar-inner[data-v-5acefcf6]{padding:var(--space-md) var(--space-sm)}.sidebar-group-title[data-v-5acefcf6]{font-size:10px;font-weight:600;color:var(--gray-400);padding:var(--space-md) 12px var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.sidebar-group[data-v-5acefcf6]{display:flex;flex-direction:column;gap:1px}.sidebar-item[data-v-5acefcf6]{display:block;padding:6px 12px;border-radius:var(--radius-md);color:var(--gray-700);text-decoration:none;font-size:var(--text-sm);font-weight:400;transition:all var(--transition)}.sidebar-item[data-v-5acefcf6]:hover{background:var(--gray-50);color:var(--gray-900)}.sidebar-item.active[data-v-5acefcf6]{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.content-area[data-v-5acefcf6]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.content-inner[data-v-5acefcf6]{flex:1;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.content-area.full-width .content-inner[data-v-5acefcf6]{max-width:none;padding:0}.app-layout.hide-topbar .main-body[data-v-5acefcf6]{padding-top:0}.mobile-overlay[data-v-5acefcf6],.mobile-drawer[data-v-5acefcf6]{display:none}@media(max-width:768px){.topbar-inner[data-v-5acefcf6]{height:48px;padding:0 12px}.topbar-nav[data-v-5acefcf6],.topbar-actions[data-v-5acefcf6]{display:none}.mobile-menu-btn[data-v-5acefcf6]{display:flex}.sidebar[data-v-5acefcf6]{display:none}.mobile-overlay[data-v-5acefcf6]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;z-index:150}.mobile-drawer[data-v-5acefcf6]{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:260px;background:#fff;z-index:200;box-shadow:0 0 0 1px #0f172a0a,4px 0 24px #0f172a1f}.drawer-header[data-v-5acefcf6]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray-100)}.drawer-title[data-v-5acefcf6]{font-size:var(--text-base);font-weight:600;color:var(--gray-900)}.drawer-close[data-v-5acefcf6]{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;border-radius:var(--radius-md)}.drawer-nav[data-v-5acefcf6]{flex:1;overflow-y:auto;padding:var(--space-sm)}.drawer-user[data-v-5acefcf6]{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:var(--space-sm);background:var(--gray-50);border-radius:var(--radius-lg)}.drawer-user-avatar[data-v-5acefcf6]{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.drawer-user-email[data-v-5acefcf6]{font-size:var(--text-sm);color:var(--gray-900);font-weight:500}.drawer-user-balance[data-v-5acefcf6]{font-size:var(--text-xs);color:var(--gray-400)}.drawer-group-title[data-v-5acefcf6]{font-size:10px;font-weight:600;color:var(--gray-400);padding:var(--space-md) 12px var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.drawer-item[data-v-5acefcf6]{display:block;padding:10px 12px;border-radius:var(--radius-md);color:var(--gray-700);text-decoration:none;font-size:14px;font-weight:400;transition:all var(--transition);cursor:pointer}.drawer-item[data-v-5acefcf6]:hover{background:var(--gray-50);color:var(--gray-900)}.drawer-item.active[data-v-5acefcf6]{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.drawer-logout[data-v-5acefcf6]{color:var(--color-danger);margin-top:var(--space-sm)}.drawer-slide-enter-active[data-v-5acefcf6],.drawer-slide-leave-active[data-v-5acefcf6]{transition:transform .2s ease}.drawer-slide-enter-from[data-v-5acefcf6],.drawer-slide-leave-to[data-v-5acefcf6]{transform:translate(-100%)}.content-inner[data-v-5acefcf6]{padding:var(--space-md) 12px;max-width:none}.content-inner.content-wide[data-v-5acefcf6]{max-width:none}}