:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke:var(--el-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}:root{--shell-bg: #f3f7fd;--panel-bg: rgba(255, 255, 255, .92);--panel-border: #dce6f3;--line-soft: #e6edf6;--text-main: #0f172a;--text-subtle: #64748b;--primary: #409eff;--primary-deep: #2563eb;--shadow-soft: 0 18px 42px rgba(15, 23, 42, .08);--el-font-size-base: 13px;--el-font-size-medium: 13px;--el-font-size-small: 12px;--el-font-size-extra-small: 11px;--el-menu-item-font-size: 13px}*{box-sizing:border-box}html{background:var(--shell-bg)}body{margin:0;font-size:13px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:var(--text-main);background:radial-gradient(circle at top left,rgba(64,158,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 24%),linear-gradient(180deg,#f7faff,#f2f6fc)}::selection{background:#409eff2e}#app,.page{min-height:100vh}.page{display:flex;align-items:stretch;background:transparent}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column;background:transparent}.aside{width:288px;flex:0 0 288px;min-height:100vh;padding:20px 16px;background:radial-gradient(circle at top,rgba(96,165,250,.12),transparent 30%),linear-gradient(180deg,#17273b,#1d3047 48%,#22354f);border-right:1px solid rgba(148,163,184,.16);color:#fff}.aside-inner{height:100%;display:flex;flex-direction:column;gap:12px}.brand{padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid rgba(191,219,254,.16);box-shadow:inset 0 1px #ffffff14}.brand-kicker{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#bfdbfe24;color:#bfdbfe;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-title{margin-top:10px;font-size:20px;line-height:1.1;font-weight:700;letter-spacing:.02em}.brand small{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:#cbd5e1}.aside-menu{border-right:none;display:flex;flex-direction:column;gap:6px}.aside-menu__item{height:auto;min-height:52px;margin:0;padding:0 12px;border:none;border-radius:16px;background:#ffffff08;color:#dbeafe;white-space:normal;text-align:left;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.aside-menu__item:hover{background:#ffffff14;transform:translate(2px)}.aside-menu__item.is-active{background:linear-gradient(135deg,#409efff2,#3b82f6e0);color:#fff!important;box-shadow:0 14px 28px #2563eb47}.menu-item-content{width:100%;display:flex;align-items:center;gap:10px}.menu-item-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;opacity:.95}.menu-item-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-item-label{font-size:14px;line-height:1;font-weight:700;letter-spacing:.01em}.header{height:auto;margin:12px 20px 0;padding:0;border-radius:0;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;align-items:center;justify-content:flex-end;gap:0}.header-user{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;border-radius:18px;background:#f8fafce6;border:1px solid var(--line-soft)}.header-user-meta{display:flex;flex-direction:column;gap:4px}.header-user-label{font-size:11px;color:var(--text-subtle)}.header-user strong{font-size:12px;color:var(--text-main)}.header-logout{min-width:66px;min-height:34px;padding:0 12px;border:1px solid #bfdbfe;border-radius:12px;background:#fff;color:var(--primary-deep);font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.header-logout:hover{background:#eff6ff;border-color:#93c5fd}.content{padding:18px 20px 24px}.tabs{margin-bottom:12px}.shell-tabs__list{display:flex;flex-wrap:wrap;gap:8px;padding:0}.shell-tabs__tab{display:inline-flex;align-items:center;gap:6px;padding:0 6px 0 0;border-radius:12px;background:transparent;transition:background-color .2s ease,box-shadow .2s ease}.shell-tabs__tab-button{min-height:36px;padding:0 14px;border:none;border-radius:12px;background:transparent;color:var(--text-subtle);font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.shell-tabs__tab.is-active{background:#fff;box-shadow:0 8px 18px #0f172a14}.shell-tabs__tab.is-active .shell-tabs__tab-button{color:var(--text-main)}.shell-tabs__close{width:24px;height:24px;border:none;border-radius:999px;background:transparent;color:#64748b;font-size:16px;line-height:1;cursor:pointer}.shell-tabs__close:hover{background:#94a3b824;color:#0f172a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat-card,.chart-card,.table-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:22px;box-shadow:var(--shadow-soft)}.stat-card{padding:22px;display:flex;flex-direction:column;gap:10px}.stat-card-split{flex-direction:row;align-items:center;gap:18px}.stat-card-split .stat-item{flex:1;display:flex;flex-direction:column;gap:8px}.stat-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent 0%,#d8e2f0 20%,#d8e2f0 80%,transparent 100%)}.stat-label{font-size:12px;color:var(--text-subtle)}.stat-value{font-size:clamp(18px,1.9vw,24px);line-height:1.12;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.toolbar,.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chart-card{padding:20px 22px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-title{font-size:17px;line-height:1.2;font-weight:700;margin:0;color:var(--text-main)}.chart-actions{margin-bottom:0}.table-card{padding:20px 22px 18px}.table-card .el-table{width:100%;--el-table-border-color: var(--line-soft);--el-table-row-hover-bg-color: #f8fbff;--el-table-header-bg-color: #f8fbff;--el-table-tr-bg-color: transparent}.table-card .el-table th.el-table__cell{color:#475569;font-weight:600;background:#f8fbff}.table-card .el-table td.el-table__cell{padding:15px 0}.table-card .el-table:before{display:none}.pager{display:flex;justify-content:center;margin-top:16px}.login-page{min-height:100vh;padding:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(64,158,255,.12),transparent 30%),linear-gradient(180deg,#f6faff,#edf4fb)}.login-card{width:min(420px,100%);padding:28px;display:flex;flex-direction:column;gap:16px;background:#ffffffe6;border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow-soft)}.login-title{font-size:20px;line-height:1.2;font-weight:700;text-align:center}.login-tip{font-size:12px;color:var(--text-subtle);text-align:center}.data-page{display:flex;flex-direction:column;gap:18px}.data-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.1fr);gap:18px}.data-hero-copy{padding:24px 26px;border-radius:22px;border:1px solid #dce8f5;background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 34%),linear-gradient(135deg,#f8fbff,#eef5ff);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center}.data-tag{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(191,219,254,.92);color:var(--primary-deep);font-size:12px;font-weight:600}.data-title{margin-top:14px;font-size:21px;line-height:1.2;font-weight:700;color:var(--text-main)}.data-desc{margin-top:10px;max-width:540px;font-size:13px;line-height:1.75;color:var(--text-subtle)}.data-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.data-summary-card{padding:22px 20px;border-radius:22px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-soft)}.data-summary-label{display:block;font-size:12px;color:var(--text-subtle)}.data-summary-value{display:block;margin-top:10px;font-size:clamp(19px,2vw,25px);line-height:1.1;font-weight:700;color:var(--text-main)}.data-table-card{padding-top:22px}.data-table-head{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.data-table-copy{display:flex;flex-direction:column;gap:8px}.data-table-title{font-size:17px;line-height:1.2;font-weight:700;color:var(--text-main)}.data-table-desc{font-size:12px;color:var(--text-subtle)}.filter-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.filter-input{width:148px}.filter-input-wide{width:188px}.filter-select{width:122px}.filter-date{width:270px}.filter-actions,.badge-inline{display:inline-flex;align-items:center;gap:6px}.order-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 10px;border-radius:999px;background:#eff6ff;color:var(--primary-deep);font-size:12px;font-weight:600}.order-status.status-unpaid,.order-status.status-unknown{background:#fff7ed;color:#ea580c}.withdraw-page{display:flex;flex-direction:column}@media (max-width: 1200px){.data-hero{grid-template-columns:1fr}}@media (max-width: 980px){.page{flex-direction:column}.aside{width:100%!important}.aside-menu{flex-direction:row;flex-wrap:wrap}.aside-menu__item{width:calc(50% - 4px)}}@media (max-width: 768px){.header,.content{margin-left:0;margin-right:0}.header{margin:10px 14px 0;padding:0;border-radius:0;justify-content:flex-end;align-items:flex-start}.header-user{justify-content:flex-end}.content{padding:14px 14px 22px}.brand,.chart-card,.table-card,.stat-card,.data-hero-copy,.data-summary-card,.login-card{border-radius:20px}.card-grid,.data-summary-grid{grid-template-columns:1fr}.stat-card-split{flex-direction:column;align-items:stretch}.stat-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#d8e2f0 20%,#d8e2f0 80%,transparent 100%)}.filter-group{width:100%;margin-left:0}.filter-input,.filter-input-wide,.filter-select,.filter-date,.filter-actions{width:100%}.filter-actions>*{flex:1}.aside-menu__item{width:100%}}