*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.container{padding:20px}.page-header{margin-bottom:20px}.page-title{font-size:24px;font-weight:500;color:#303133;margin-bottom:10px}.stat-card{border-radius:8px;box-shadow:0 2px 12px #0000001a;border:1px solid #ebeef5}.stat-card-header{padding:18px 20px;border-bottom:1px solid #ebeef5;background-color:#fafafa}.stat-card-body{padding:20px}.stat-item{text-align:center;padding:20px}.stat-value{font-size:32px;font-weight:700;color:#409eff;margin-bottom:8px}.stat-label{font-size:14px;color:#909399}.menu-logo{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e6e6e6}.menu-logo h1{color:#409eff;font-size:18px;margin:0}.login-container{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:20px}.login-box{width:100%;max-width:400px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 15px 35px #0000001a}.login-title{text-align:center;margin-bottom:30px;color:#303133;font-size:24px;font-weight:500}.login-form .el-form-item{margin-bottom:25px}.login-btn{width:100%;margin-top:10px}@media (max-width: 767px){.login-container{padding:16px}.login-box{padding:30px 20px}.login-title{font-size:20px;margin-bottom:24px}.login-form .el-form-item{margin-bottom:20px}}@media (max-width: 479px){.login-container{padding:12px}.login-box{padding:24px 16px}.login-title{font-size:18px;margin-bottom:20px}.login-form .el-form-item{margin-bottom:16px}}