:root{--whale-radius-sm: 6px;--whale-radius: 10px;--whale-radius-lg: 16px;--whale-transition: all .2s ease;--whale-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--whale-sidebar-width: 240px;--whale-header-height: 56px;--whale-bg: #0b1121;--whale-bg-elevated: #111827;--whale-bg-overlay: #1e293b;--whale-bg-hover: #334155;--whale-border: #1e293b;--whale-border-strong: #334155;--whale-text: #f1f5f9;--whale-text-secondary: #a9b7cc;--whale-text-muted: #8494ab;--whale-primary: #0ea5e9;--whale-primary-light: #38bdf8;--whale-primary-dark: #0284c7;--whale-primary-ghost: rgba(14, 165, 233, .12);--whale-success: #10b981;--whale-success-ghost: rgba(16, 185, 129, .12);--whale-warning: #f59e0b;--whale-warning-ghost: rgba(245, 158, 11, .12);--whale-danger: #ef4444;--whale-danger-ghost: rgba(239, 68, 68, .12);--whale-info: #6366f1;--whale-sidebar-bg: #020617;--whale-shadow-sm: 0 1px 2px rgba(2, 8, 23, .4);--whale-shadow: 0 4px 12px rgba(2, 8, 23, .5);--whale-shadow-lg: 0 12px 32px rgba(2, 8, 23, .6);--el-bg-color: var(--whale-bg-elevated);--el-bg-color-page: var(--whale-bg);--el-bg-color-overlay: var(--whale-bg-overlay);--el-text-color-primary: var(--whale-text);--el-text-color-regular: var(--whale-text);--el-text-color-secondary: var(--whale-text-secondary);--el-text-color-placeholder: var(--whale-text-muted);--el-border-color: var(--whale-border-strong);--el-border-color-light: var(--whale-border);--el-border-color-lighter: var(--whale-border);--el-fill-color: var(--whale-bg-overlay);--el-fill-color-light: var(--whale-bg-hover);--el-fill-color-lighter: var(--whale-bg-overlay);--el-color-primary: var(--whale-primary);--el-color-primary-light-3: var(--whale-primary-light);--el-color-primary-light-5: #7dd3fc;--el-color-primary-light-7: #bae6fd;--el-color-primary-light-8: #e0f2fe;--el-color-primary-light-9: var(--whale-primary-ghost);--el-color-primary-dark-2: var(--whale-primary-dark);--el-color-success: var(--whale-success);--el-color-warning: var(--whale-warning);--el-color-danger: var(--whale-danger);--el-color-info: var(--whale-info);--el-mask-color: rgba(2, 6, 23, .7)}html.dark{--el-bg-color: var(--whale-bg-elevated);--el-bg-color-page: var(--whale-bg);--el-bg-color-overlay: var(--whale-bg-overlay);--el-text-color-primary: var(--whale-text);--el-text-color-regular: var(--whale-text);--el-text-color-secondary: var(--whale-text-secondary);--el-text-color-placeholder: var(--whale-text-muted);--el-text-color-disabled: #5b6b82;--el-border-color: var(--whale-border-strong);--el-border-color-light: var(--whale-border);--el-border-color-lighter: var(--whale-border);--el-border-color-extra-light: var(--whale-border);--el-fill-color: var(--whale-bg-overlay);--el-fill-color-light: var(--whale-bg-hover);--el-fill-color-lighter: var(--whale-bg-overlay);--el-fill-color-blank: var(--whale-bg-elevated);--el-color-primary: var(--whale-primary);--el-color-primary-light-3: var(--whale-primary-light);--el-color-primary-light-5: #7dd3fc;--el-color-primary-light-7: #bae6fd;--el-color-primary-light-8: #e0f2fe;--el-color-primary-light-9: var(--whale-primary-ghost);--el-color-primary-dark-2: var(--whale-primary-dark);--el-color-success: var(--whale-success);--el-color-warning: var(--whale-warning);--el-color-danger: var(--whale-danger);--el-color-error: var(--whale-danger);--el-color-info: var(--whale-info);--el-mask-color: rgba(2, 6, 23, .7);--el-box-shadow-light: var(--whale-shadow)}html.light{--whale-bg: #f8fafc;--whale-bg-elevated: #ffffff;--whale-bg-overlay: #f1f5f9;--whale-bg-hover: #e2e8f0;--whale-border: #e2e8f0;--whale-border-strong: #cbd5e1;--whale-text: #0f172a;--whale-text-secondary: #64748b;--whale-text-muted: #94a3b8;--whale-primary: #0ea5e9;--whale-primary-light: #0284c7;--whale-primary-dark: #0369a1;--whale-primary-ghost: rgba(14, 165, 233, .08);--whale-success: #10b981;--whale-success-ghost: rgba(16, 185, 129, .08);--whale-warning: #f59e0b;--whale-warning-ghost: rgba(245, 158, 11, .08);--whale-danger: #ef4444;--whale-danger-ghost: rgba(239, 68, 68, .08);--whale-info: #6366f1;--whale-sidebar-bg: #ffffff;--whale-shadow-sm: 0 1px 2px rgba(148, 163, 184, .2);--whale-shadow: 0 4px 12px rgba(148, 163, 184, .25);--whale-shadow-lg: 0 12px 32px rgba(148, 163, 184, .3);--el-bg-color: var(--whale-bg-elevated);--el-bg-color-page: var(--whale-bg);--el-bg-color-overlay: var(--whale-bg-overlay);--el-text-color-primary: var(--whale-text);--el-text-color-regular: var(--whale-text);--el-text-color-secondary: var(--whale-text-secondary);--el-text-color-placeholder: var(--whale-text-muted);--el-border-color: var(--whale-border-strong);--el-border-color-light: var(--whale-border);--el-border-color-lighter: var(--whale-border);--el-fill-color: var(--whale-bg-overlay);--el-fill-color-light: var(--whale-bg-hover);--el-fill-color-lighter: var(--whale-bg-overlay);--el-color-primary: var(--whale-primary);--el-color-primary-light-3: var(--whale-primary-light);--el-color-primary-light-5: #38bdf8;--el-color-primary-light-7: #7dd3fc;--el-color-primary-light-8: #bae6fd;--el-color-primary-light-9: var(--whale-primary-ghost);--el-color-primary-dark-2: var(--whale-primary-dark);--el-color-success: var(--whale-success);--el-color-warning: var(--whale-warning);--el-color-danger: var(--whale-danger);--el-color-info: var(--whale-info);--el-mask-color: rgba(148, 163, 184, .5)}html,body,#app{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--whale-font);background-color:var(--whale-bg);color:var(--whale-text);-webkit-font-smoothing:antialiased}.whale-card{background:var(--whale-bg-elevated);border:1px solid var(--whale-border);border-radius:var(--whale-radius);box-shadow:var(--whale-shadow)}.whale-page{padding:20px;min-height:calc(100vh - var(--whale-header-height))}.whale-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.whale-page-header .title{font-size:20px;font-weight:600;color:var(--whale-text);display:flex;align-items:center;gap:10px}.whale-page-header .title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--whale-primary),var(--whale-primary-dark));border-radius:2px}.whale-page-header .actions{display:flex;gap:12px}.whale-stat .label{font-size:13px;color:var(--whale-text-secondary);margin-bottom:8px}.whale-stat .value{font-size:32px;font-weight:700;color:var(--whale-text);line-height:1}.whale-stat .trend{font-size:12px;margin-top:8px;color:var(--whale-text-muted)}body .el-table--striped .el-table__body tr.el-table__row--striped td,body .el-table--striped .el-table__body tr.el-table__row--striped .el-table__cell{background-color:var(--whale-bg-overlay)!important;background:var(--whale-bg-overlay)!important}html:not(.light) .el-table--striped .el-table__body tr.el-table__row--striped td,html:not(.light) .el-table--striped .el-table__body tr.el-table__row--striped .el-table__cell{background-color:#1e293b!important;background:#1e293b!important}html:not(.light) .el-table--striped .el-table__body tr.el-table__row td,html:not(.light) .el-table--striped .el-table__body tr.el-table__row .el-table__cell{background-color:var(--whale-bg-elevated)!important;background:var(--whale-bg-elevated)!important}html:not(.light) .el-table .cell{color:#f1f5f9!important}html:not(.light) .el-table .el-button.is-link,html:not(.light) .el-table .el-button--link{color:#38bdf8!important;font-weight:500;padding:0 6px}html:not(.light) .el-table .el-button.is-link.el-button--primary,html:not(.light) .el-table .el-button--link.el-button--primary{color:#38bdf8!important}html:not(.light) .el-table .el-button.is-link.el-button--primary:hover,html:not(.light) .el-table .el-button--link.el-button--primary:hover{color:#7dd3fc!important}html:not(.light) .el-table .el-button.is-link.el-button--danger,html:not(.light) .el-table .el-button--link.el-button--danger{color:#fca5a5!important}html:not(.light) .el-table .el-button.is-link.el-button--danger:hover,html:not(.light) .el-table .el-button--link.el-button--danger:hover{color:#fecaca!important}html:not(.light) .el-table .el-button.is-link.el-button--success,html:not(.light) .el-table .el-button--link.el-button--success{color:#6ee7b7!important}html:not(.light) .el-table .el-button.is-link.el-button--success:hover,html:not(.light) .el-table .el-button--link.el-button--success:hover{color:#a7f3d0!important}html:not(.light) .el-table .el-button.is-link.el-button--warning,html:not(.light) .el-table .el-button--link.el-button--warning{color:#fcd34d!important}html:not(.light) .el-table .el-button.is-link.el-button--warning:hover,html:not(.light) .el-table .el-button--link.el-button--warning:hover{color:#fde68a!important}html:not(.light) .el-table .el-button:not(.is-link):not(.el-button--link){color:#fff!important}html:not(.light) .el-table .el-button:not(.is-link):not(.el-button--link).el-button--primary{color:#fff!important}html:not(.light) .el-table .el-button:not(.is-link):not(.el-button--link).el-button--danger{color:#fff!important}html:not(.light) .el-table .el-button:not(.is-link):not(.el-button--link).el-button--success{color:#fff!important}html:not(.light) .el-table .el-button:not(.is-link):not(.el-button--link).el-button--warning{color:#fff!important}html.light .el-table .el-button.is-link,html.light .el-table .el-button--link{font-weight:500;padding:0 6px}html.light .el-table .el-button.is-link.el-button--primary,html.light .el-table .el-button--link.el-button--primary{color:#0284c7!important}html.light .el-table .el-button.is-link.el-button--primary:hover,html.light .el-table .el-button--link.el-button--primary:hover{color:#0ea5e9!important}html.light .el-table .el-button.is-link.el-button--danger,html.light .el-table .el-button--link.el-button--danger{color:#dc2626!important}html.light .el-table .el-button.is-link.el-button--danger:hover,html.light .el-table .el-button--link.el-button--danger:hover{color:#ef4444!important}html.light .el-table .el-button.is-link.el-button--success,html.light .el-table .el-button--link.el-button--success{color:#059669!important}html.light .el-table .el-button.is-link.el-button--success:hover,html.light .el-table .el-button--link.el-button--success:hover{color:#10b981!important}html.light .el-table .el-button.is-link.el-button--warning,html.light .el-table .el-button--link.el-button--warning{color:#d97706!important}html.light .el-table .el-button.is-link.el-button--warning:hover,html.light .el-table .el-button--link.el-button--warning:hover{color:#f59e0b!important}html.light .el-table .el-button:not(.is-link):not(.el-button--link).el-button--primary{color:#fff!important}html.light .el-table .el-button:not(.is-link):not(.el-button--link).el-button--danger{color:#fff!important}html.light .el-table .el-button:not(.is-link):not(.el-button--link).el-button--success{color:#fff!important}html.light .el-table .el-button:not(.is-link):not(.el-button--link).el-button--warning{color:#fff!important}.el-table{--el-table-header-bg-color: var(--whale-bg-overlay);--el-table-row-hover-bg-color: rgba(14, 165, 233, .08);--el-table-border-color: var(--whale-border);--el-table-text-color: var(--whale-text);--el-table-header-text-color: var(--whale-text-secondary)}.el-button{border-radius:var(--whale-radius-sm)}.el-button.el-button--primary:not(.is-link):not(.el-button--link){background:linear-gradient(135deg,var(--whale-primary),var(--whale-primary-dark));border:none;color:#fff}.el-button.el-button--primary:not(.is-link):not(.el-button--link):hover{background:linear-gradient(135deg,var(--whale-primary-light),var(--whale-primary))}.el-input__wrapper,.el-textarea__inner,.el-select .el-input__wrapper{background-color:var(--whale-bg-overlay);box-shadow:0 0 0 1px var(--whale-border-strong) inset}.el-drawer,.el-dialog{background-color:var(--whale-bg-elevated)}.el-dialog__title{color:var(--whale-text);font-weight:600}.el-pagination{--el-pagination-button-bg-color: var(--whale-bg-overlay);--el-pagination-hover-color: var(--whale-primary)}html:not(.light) .el-descriptions .el-descriptions__body{background-color:var(--whale-bg-overlay);border:1px solid var(--whale-border);border-radius:var(--whale-radius-sm)}html:not(.light) .el-descriptions .el-descriptions__cell{background-color:transparent!important;border-color:var(--whale-border)!important}html:not(.light) .el-descriptions .el-descriptions__label{background-color:var(--whale-bg-overlay)!important;color:var(--whale-text-secondary)!important;border-color:var(--whale-border)!important;font-weight:500}html:not(.light) .el-descriptions .el-descriptions__content{background-color:var(--whale-bg-elevated)!important;color:var(--whale-text)!important;border-color:var(--whale-border)!important}.el-menu{--el-menu-bg-color: transparent;--el-menu-text-color: var(--whale-text-secondary);--el-menu-hover-text-color: var(--whale-text);--el-menu-active-color: var(--whale-primary);--el-menu-hover-bg-color: rgba(14, 165, 233, .08);border-right:none}.el-tabs__item{color:var(--whale-text-secondary)}.el-tabs__item.is-active{color:var(--whale-primary)}.el-tabs__active-bar{background-color:var(--whale-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--whale-bg)}::-webkit-scrollbar-thumb{background:var(--whale-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--whale-text-muted)}html.dark .el-tag--info .el-tag__content,html.dark .el-tag--info.el-tag,html.dark .el-tag--info .el-tag__content span{color:#a5b4fc}html.dark .el-tag--danger .el-tag__content,html.dark .el-tag--danger.el-tag{color:#fca5a5}html.dark .el-tag--warning .el-tag__content,html.dark .el-tag--warning.el-tag{color:#fcd34d}html.dark .el-tag--success .el-tag__content,html.dark .el-tag--success.el-tag{color:#6ee7b7}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mr-8{margin-right:8px}.ml-8{margin-left:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-12{gap:12px}.main-layout[data-v-77ae587c]{width:100%;height:100%;background-color:var(--whale-bg)}.sidebar[data-v-77ae587c]{background:var(--whale-sidebar-bg);border-right:1px solid var(--whale-border);display:flex;flex-direction:column;overflow:hidden}.logo[data-v-77ae587c]{height:var(--whale-header-height);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--whale-border)}.logo-icon[data-v-77ae587c]{width:36px;height:36px;border-radius:var(--whale-radius-sm);background:linear-gradient(135deg,var(--whale-primary),var(--whale-primary-dark));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}.logo-title[data-v-77ae587c]{font-size:18px;font-weight:700;color:var(--whale-text);line-height:1.2}.logo-subtitle[data-v-77ae587c]{font-size:11px;color:var(--whale-text-muted);letter-spacing:1px;line-height:1.2}.menu-wrap[data-v-77ae587c]{flex:1;overflow-y:auto;padding:12px 0}.menu-group[data-v-77ae587c]{margin-bottom:8px}.menu-group-title[data-v-77ae587c]{padding:12px 20px 6px;font-size:11px;color:var(--whale-text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-menu[data-v-77ae587c]{background:transparent}[data-v-77ae587c] .el-menu-item{height:44px;margin:2px 12px;border-radius:var(--whale-radius-sm);color:var(--whale-text-secondary)}[data-v-77ae587c] .el-menu-item:hover{color:var(--whale-text);background-color:var(--el-menu-hover-bg-color)}[data-v-77ae587c] .el-menu-item.is-active{color:var(--whale-primary-light);background:linear-gradient(90deg,var(--whale-primary-ghost),transparent);box-shadow:inset 3px 0 0 var(--whale-primary)}[data-v-77ae587c] .el-menu-item .el-icon{margin-right:10px}.sidebar-footer[data-v-77ae587c]{padding:14px 20px;font-size:11px;color:var(--whale-text-muted);border-top:1px solid var(--whale-border);text-align:center}.main-body[data-v-77ae587c]{background-color:var(--whale-bg)}.main-header[data-v-77ae587c]{height:var(--whale-header-height);display:flex;align-items:center;justify-content:space-between;background-color:var(--whale-bg-elevated);border-bottom:1px solid var(--whale-border);padding:0 20px}.breadcrumb[data-v-77ae587c]{display:flex;align-items:center;gap:8px;color:var(--whale-text-secondary);font-size:14px}.breadcrumb-text[data-v-77ae587c]{color:var(--whale-text);font-weight:500}.header-actions[data-v-77ae587c]{display:flex;align-items:center;gap:20px}.status-time[data-v-77ae587c]{font-size:13px;color:var(--whale-text-secondary);font-variant-numeric:tabular-nums}.trial-badge[data-v-77ae587c]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--whale-primary-ghost);color:var(--whale-primary-light);border:1px solid var(--whale-primary);cursor:default}.trial-badge.warn[data-v-77ae587c]{background:#e6a23c26;color:var(--whale-warning);border-color:var(--whale-warning)}.trial-badge.expired[data-v-77ae587c]{background:#f56c6c26;color:var(--whale-danger);border-color:var(--whale-danger)}.action-icon[data-v-77ae587c]{font-size:18px;color:var(--whale-text-secondary);cursor:pointer;transition:var(--whale-transition)}.action-icon[data-v-77ae587c]:hover{color:var(--whale-primary)}.user-info[data-v-77ae587c]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:var(--whale-radius);transition:var(--whale-transition)}.user-info[data-v-77ae587c]:hover{background-color:var(--whale-bg-overlay)}.avatar[data-v-77ae587c]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--whale-primary-ghost),var(--whale-primary));display:flex;align-items:center;justify-content:center;color:#fff}.user-meta[data-v-77ae587c]{display:flex;flex-direction:column;line-height:1.2}.username[data-v-77ae587c]{font-size:13px;font-weight:500;color:var(--whale-text)}.role[data-v-77ae587c]{font-size:11px;color:var(--whale-text-muted)}.arrow[data-v-77ae587c]{color:var(--whale-text-muted);font-size:14px}.main-content[data-v-77ae587c]{padding:0;overflow:auto;background-color:var(--whale-bg)}