:root{--color-primary: #2d5af0;--color-primary-strong: #1d3f9f;--color-primary-soft: #eef3ff;--color-sidebar: #0d1b2a;--color-sidebar-surface: #15263a;--color-sidebar-hover: #20334b;--color-accent: #c4a06f;--color-page: #f4f6f9;--color-surface: #ffffff;--color-surface-muted: #f9fafc;--color-border: #e6e9ef;--color-text: #182230;--color-text-soft: #5e6b7c;--color-success: #00a870;--color-warning: #e6a23c;--color-info: #3f7df4;--color-danger: #d95c5c;--shadow-soft: 0 6px 18px rgba(17, 24, 39, .06);--shadow-medium: 0 16px 32px rgba(15, 23, 42, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--font-base: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-base);background:var(--color-page);color:var(--color-text)}a{color:inherit;text-decoration:none}.shell-layout{min-height:100vh}.shell-sidebar{background:radial-gradient(circle at top,rgba(45,90,240,.22),transparent 28%),linear-gradient(180deg,#0d1b2a,#122033);color:#fff;border-right:1px solid rgba(255,255,255,.08);transition:width .25s ease}.shell-brand{display:flex;align-items:center;gap:14px;height:74px;padding:0 20px}.brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 10px 24px #2d5af040}.brand-copy{min-width:0}.brand-title{font-size:15px;font-weight:700;letter-spacing:.02em}.brand-subtitle{margin-top:2px;color:#ffffff9e;font-size:12px}.shell-menu{border-right:none;background:transparent}.shell-menu.el-menu{background:transparent}.shell-menu .el-menu-item{margin:6px 12px;border-radius:12px;color:#ffffffb8}.shell-menu .el-menu-item:hover,.shell-menu .el-menu-item.is-active{background:#ffffff1a;color:#fff}.shell-header{height:74px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 28px;background:#ffffffeb;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shell-header-left,.shell-header-right{display:flex;align-items:center;gap:16px}.header-title{font-size:22px;font-weight:700}.header-subtitle{margin-top:3px;color:var(--color-text-soft);font-size:13px}.env-pill{padding:8px 14px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:600;font-size:12px}.user-chip{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border)}.user-chip-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#466cf4);color:#fff;display:grid;place-items:center;font-weight:700}.user-chip-name{font-size:14px;font-weight:600}.user-chip-role{color:var(--color-text-soft);font-size:12px}.shell-main{padding:28px;background:radial-gradient(circle at top right,rgba(45,90,240,.08),transparent 24%),linear-gradient(180deg,#f4f6f9,#eef2f7)}.management-container{display:flex;flex-direction:column;gap:24px}.page-hero{display:flex;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d1b2afa,#192c46f5),linear-gradient(120deg,rgba(45,90,240,.18),transparent 45%);color:#fff;box-shadow:var(--shadow-medium)}.page-hero-kicker{margin:0 0 10px;color:#ffffff9e;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.page-hero-title{margin:0;font-size:32px;line-height:1.15}.page-hero-description{max-width:720px;margin:12px 0 0;color:#fffc;line-height:1.7}.page-hero-meta{display:flex;align-items:flex-end}.hero-metric-card{min-width:190px;padding:18px 20px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.hero-metric-card span{display:block;color:#ffffffb3;font-size:12px}.hero-metric-card strong{display:block;margin-top:10px;font-size:28px}.stats-row{margin-bottom:0}.stat-card{padding:24px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.stat-card.tone-primary:before{background:var(--color-primary)}.stat-card.tone-success:before{background:var(--color-success)}.stat-card.tone-warning:before{background:var(--color-warning)}.stat-card.tone-info:before{background:var(--color-info)}.stat-caption{color:var(--color-text-soft);font-size:13px}.stat-value{margin-top:10px;font-size:30px;font-weight:700}.stat-trend{margin-top:12px;color:var(--color-text-soft);font-size:13px}.analytics-grid{display:grid;gap:24px;grid-template-columns:1.1fr 1fr}.insight-card,.table-section{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.insight-card{padding:24px 26px}.band-list,.insight-list{margin-top:16px}.band-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border)}.band-item:last-child{border-bottom:none}.insight-list{padding-left:18px;color:var(--color-text-soft);line-height:1.8}.table-section{padding:22px 24px}.table-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.table-title{font-size:18px;font-weight:700}.table-subtitle{margin-top:6px;color:var(--color-text-soft);font-size:13px}.data-table{border-radius:14px;overflow:hidden}.data-table :deep(th.el-table__cell){background:#f7f9fc;color:#475467;font-weight:700}.data-table :deep(.el-table__row:hover > td.el-table__cell){background:#f5f8ff}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(135deg,#091421,#0f2235 40%,#17324f)}.login-brand-panel{padding:72px 72px 72px 84px;display:flex;align-items:center}.login-kicker{margin:0 0 14px;color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.login-title{margin:0;color:#fff;font-size:52px;line-height:1.08;max-width:620px}.login-description{margin:22px 0 0;max-width:560px;color:#ffffffc7;line-height:1.8}.login-feature-list{margin:28px 0 0;padding-left:18px;color:#ffffffe0;line-height:2}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:min(480px,100%);padding:32px;border-radius:24px;background:#fffffff5;box-shadow:0 28px 60px #0000003d}.login-card-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:700;font-size:12px}.login-card-header h2{margin-bottom:8px}.login-card-header p{margin-top:0;color:var(--color-text-soft);line-height:1.7}.login-card-actions{display:grid;gap:12px}@media(max-width:1200px){.login-page,.analytics-grid{grid-template-columns:1fr}.page-hero{flex-direction:column}}@media(max-width:768px){.shell-header,.shell-main,.login-form-panel,.login-brand-panel,.page-hero,.table-section,.stat-card{padding:20px}.header-subtitle,.brand-subtitle,.user-chip-copy{display:none}.login-title{font-size:34px}}