*,*:before,*:after{box-sizing:border-box}:root{--shell-bg: linear-gradient(145deg, #eef2f7 0%, #e4ebf5 40%, #dce6f2 100%);--shell-sidebar: linear-gradient(180deg, #0f172a 0%, #1e293b 55%, #0f172a 100%);--shell-sidebar-admin: linear-gradient(180deg, #1e1b4b 0%, #312e81 55%, #1e1b4b 100%);--shell-header: rgba(255, 255, 255, .72);--shell-header-border: rgba(148, 163, 184, .25);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-teal: #0d9488;--accent-teal-light: #ccfbf1;--card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--page-max-width: 1280px}html,body,#app{margin:0;min-height:100%;font-family:PingFang SC,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--shell-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page-container{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 4px}.page-header{margin-bottom:24px}.page-header__title{margin:0;font-size:clamp(22px,2.5vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page-header__desc{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.glass-card{background:#ffffffe0!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)!important;box-shadow:var(--card-shadow)!important}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a1a!important}@media (max-width: 768px){.page-container{padding:0}.page-header{margin-bottom:16px}}