*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:transparent}:root{--layout-bg-start:#edf2ff;--layout-bg-end:#fdfdff;--layout-spotlight:rgba(65,105,225,.25);--card-bg:hsla(0,0%,100%,.98);--card-radius:20px;--card-shadow:0 20px 60px rgba(47,74,140,.12);--text-title:#182852;--text-body:#4f5d75;--accent:#4b7bec;--accent-soft:rgba(75,123,236,.12);--border-color:rgba(79,93,117,.1);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}body{background:radial-gradient(circle at 10% 20%,hsla(0,0%,100%,.85),transparent 35%),radial-gradient(circle at 90% 10%,rgba(78,115,248,.15),transparent 50%),linear-gradient(135deg,var(--layout-bg-start),var(--layout-bg-end));color:var(--text-body)}.page-view{width:100%;min-height:100%;padding:6px 6px 32px;display:flex;flex-direction:column;gap:24px;background:transparent;position:relative}.page-view:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(75,123,236,.12),transparent 45%);pointer-events:none;z-index:0}.page-view>*{z-index:1}.page-hero{background:var(--card-bg);border-radius:var(--card-radius);padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--card-shadow);position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.4)}.page-hero:after,.page-hero:before{content:"";position:absolute;border-radius:50%;background:var(--accent-soft);pointer-events:none}.page-hero:before{width:220px;height:220px;right:-70px;top:-90px}.page-hero:after{width:120px;height:120px;right:40px;bottom:-60px;background:rgba(79,93,117,.08)}.page-hero__body{display:flex;align-items:center;gap:16px}.page-hero__icon{width:60px;height:60px;border-radius:18px;background:rgba(75,123,236,.18);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)}.page-hero__title{position:relative;max-width:70%}.page-hero__title h2{font-size:28px;color:var(--text-title);margin-bottom:6px;letter-spacing:-.02em}.page-hero__subtitle{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.page-hero__title p{color:var(--text-body);font-size:15px;line-height:1.5}.page-hero__meta{display:flex;gap:12px;align-items:center;position:relative}.page-hero__meta .meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(75,123,236,.12);color:var(--accent);font-weight:600}.page-card{background:var(--card-bg);border-radius:var(--card-radius);padding:22px 26px;box-shadow:var(--card-shadow);position:relative;border:1px solid hsla(0,0%,100%,.4)}.page-card.surface{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px)}.page-card+.page-card{margin-top:20px}.page-section-title{font-size:18px;font-weight:600;color:var(--text-title);margin-bottom:16px}.card-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card-toolbar .el-date-picker,.card-toolbar .el-input,.card-toolbar .el-select{max-width:260px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.filter-chips .chip{padding:6px 14px;border-radius:999px;border:1px solid rgba(75,123,236,.2);background:rgba(75,123,236,.08);color:var(--accent);font-size:12px;font-weight:600}.card-table{padding:0;overflow:hidden}.card-table :deep(.el-table){--el-table-header-bg-color:rgba(75,123,236,.05);--el-table-border-color:rgba(79,93,117,.08);border-radius:var(--card-radius);background:transparent}.card-table :deep(.el-table__header th){color:var(--text-title);font-weight:600;background:rgba(75,123,236,.05)}.card-table :deep(.el-table__body tr:hover>td){background:rgba(75,123,236,.09)}.card-table :deep(.el-table__body-wrapper){background:hsla(0,0%,100%,.9)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.stat-card{padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(75,123,236,.08),hsla(0,0%,100%,.9));border:1px solid hsla(0,0%,100%,.4);box-shadow:0 12px 40px rgba(75,123,236,.1);transition:transform .25s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(75,123,236,.2)}.stat-card__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px}.stat-card__value{font-size:32px;font-weight:700;color:var(--text-title)}.stat-card__trend{font-size:12px;margin-top:4px;color:#6b7280}.chart-card{padding:0;overflow:hidden}.chart-card :deep(.el-card__header){padding:22px 26px;border-bottom:1px solid rgba(79,93,117,.08);font-size:16px;font-weight:600;color:var(--text-title)}.chart-card .chart-container{height:320px;padding:16px 6px 6px}.pagination-panel{display:flex;justify-content:flex-end;background:transparent}.pagination-panel .el-pagination{padding:12px 18px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.empty-hint{text-align:center;color:var(--text-body);padding:24px 0}.page-view :deep(.el-dialog){border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.25)}.page-tabs :deep(.el-tabs__nav-wrap:after){background:transparent}.page-tabs :deep(.el-tabs__item){font-weight:600;color:#6b7280}.page-tabs :deep(.el-tabs__item.is-active){color:var(--accent)}.page-tabs :deep(.el-tabs__active-bar){background:var(--accent);height:3px;border-radius:999px}@media (max-width:1024px){.page-hero{flex-direction:column;align-items:flex-start;gap:16px}.page-hero__title{max-width:100%}}@media (max-width:768px){.page-view{padding:16px}.card-toolbar{flex-direction:column;align-items:stretch}.card-toolbar .el-date-picker,.card-toolbar .el-input,.card-toolbar .el-select{max-width:100%}}.el-overlay-dialog{bottom:0;left:218px;overflow:auto;position:fixed;right:0;top:0}