:root{--sidebar-bg:#0f1033;--sidebar-active:#409eff26;--sidebar-text:#ffffffa6;--sidebar-text-active:#409eff;--content-bg:#f0f2f5;--card-bg:#fff;--header-bg:#fff;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--border-color:#e4e7ed;--primary:#409eff;--success:#67c23a;--danger:#f56c6c;--warning:#e6a23c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}::-webkit-scrollbar-track{background:0 0}.page-card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 1px 4px #0000000d}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.page-header h2:before{content:"";background:var(--primary);border-radius:2px;width:3px;height:16px}.stat-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 1px 4px #0000000d}.stat-card .icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:flex}.stat-card .icon.blue{color:#409eff;background:#409eff1a}.stat-card .icon.yellow{color:#e6a23c;background:#e6a23c1a}.stat-card .icon.green{color:#67c23a;background:#67c23a1a}.stat-card .icon.red{color:#f56c6c;background:#f56c6c1a}.stat-card .value{margin-bottom:4px;font-size:28px;font-weight:700}.stat-card .label{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.stat-card .diff{font-size:12px}.stat-card .diff.up{color:var(--success)}.stat-card .diff.down{color:var(--danger)}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:420px;padding:40px;box-shadow:0 20px 60px #00000026}.login-card h1{text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.login-card .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:14px}